Var kan jag läsa om hur man använder klippa, kopiera & klistra i javascriptsammanhang?
cut copy paste
7 svar · 315 visningar · startad av Jesper T
Jag har sökt som attan, hittar det inte.
Eller så fattar jag inte hur man gör.
Ngn som har ngt tips?
Jag trodde det läste sig när du fick länken :) Har du läst tidigare trådar som innehåller lite exempel?
Länken ger ju lite konsktiga tips på Ms som jag inte fattar.
De tidigare trådarna var inte så mycket att ha.
Min idé är att har tre knappar (som i en vanlig editor) med klipp klistra och kopiera. Erik Juhlins script är ju bara "klistra in" dessutom så klistrar den inte in texten där markören står.
Har ett förslag här, men det går inte helt smärtfritt. Någon kanske har ngt förslag?
<html>
<head>
<title>Test</title>
<script language="JavaScript">
<!--
function varEjag() {
minPos = document.selection.createRange();
}
//-->
</script>
<style>
<!--
body,input,form{font-family:verdana,tahoma,arial;font-size:11px;}
-->
</style>
</HEAD>
<body bgcolor="#CCCCCC" text="#000000">
<form name="form1" method="post" action="">
<textarea name="textfalt" cols="50" rows="10" onclick="varEjag();"></textarea>
<FIELDSET style="border-style: groove; border-width: 2px"> <legend>Urklipp</legend>
<input type="text" name="link" style="border:0px solid #FFFFFF;background-color:#CCCCCC;"></FIELDSET>
<br>
<input type="button" value="Kopiera" onClick="document.form1.link.value=minPos.text;">
<input type="button" value="Klipp ut" onClick="document.form1.link.value=minPos.text;minPos.text = '';">
<input type="button" value="Klistra in" onclick="minPos.text=document.form1.link.value;">
</form>
</body>
</html>
Vad är det som inte funkar? Prova att använda clipboardData:
<html>
<head>
<title>Test</title>
<script language="JavaScript">
<!--
function varEjag() {
minPos = document.selection.createRange();
}
function kopiera(){
window.clipboardData.setData("Text",document.selection.createRange().text);
document.form1.link.value = window.clipboardData.getData("Text");
}
function klipput(){
window.clipboardData.setData("Text",document.selection.createRange().text);
document.form1.link.value = window.clipboardData.getData("Text");
document.selection.createRange().text = "";
}
function klistrain(){
txt = window.clipboardData.getData("Text");
minPos.text = txt
}
//-->
</script>
<style>
<!--
body,input,form{font-family:verdana,tahoma,arial;font-size:11px;}
-->
</style>
</HEAD>
<body bgcolor="#CCCCCC" text="#000000">
<form name="form1" method="post" action="">
<textarea name="textfalt" cols="50" rows="10" onclick="varEjag();"></textarea>
<FIELDSET style="border-style: groove; border-width: 2px"> <legend>Urklipp</legend>
<input type="text" name="link" style="border:0px solid #FFFFFF;background-color:#CCCCCC;"></FIELDSET>
<br>
<input type="button" value="Kopiera" onClick="minPos.text; kopiera();">
<input type="button" value="Klipp ut" onClick="minPos.text; klipput();">
<input type="button" value="Klistra in" onclick="klistrain();">
</form>
</body>
</html>