4 svar · 355 visningar · startad av Matte
Jag är ute efter ett sätt att med javascript (länk eller knapp) markera innehållet i en div.
Motsvarande som om jag med musen hade markerat det på skärmen.
Går det att göra?
Lite överkurs.
Om det går, och jag sedan vill kopiera det markerade till clipboard, går det också att göra ?
Detta markerar upp och kopierar till urklipp.
Men jag vet inte hur man ersätter textarean mot en div. Du får labba lite.
<head>
<script type="text/javascript">
<!--
function highlight(){
document.foo.bar.focus()
document.foo.bar.select()
foo.bar.document.execCommand('copy', false, null);
}
//-->
</script>
<body>
<form name="foo">
<textarea name="bar">Detta är en text...</textarea>
</form>
<a href="#" onclick="highlight()">Markera</a>
</body>
Det var just hur man kunde markera en div jag inte kunde fixa. Har dock inte hittat någon lösning på det.
Kommer nu istället att lägga en textarea över min div och markera den istället.
Tack ändå för hjälpen.
Om du vill kopiera en text så kan du använda:
window.clipboardData.setData("text", document.getElementById("foo").innerHTML);
IE-specifikt...
Har nu lyckats få tag på en lösning som fungerar i Mozilla och IE. Om någon är intresserad så ser den ut så här:
function markText(divId) {
var myElement = document.getElementById(divId)
if (window.getSelection) {
// Mozilla
var myRange = document.createRange()
myRange.selectNodeContents(myElement)
var mySelection = window.getSelection()
mySelection.removeAllRanges()
mySelection.addRange(myRange)
}
else if (document.selection) {
// IE
var myRange = document.body.createTextRange()
myRange.moveToElementText(myElement)
myRange.select()
}
}
</script>
</head>
<body>
<input type="button" onClick="markText('foo')" value="select foo">
<div id="foo">Content</div>
Själv förstår jag inte mycket av den, men den fungerar :)