2011-06-17 176 views
4

我想在Textarea內追加文本。文本應該在光標位置之後立即附加,而不是在結尾。將文本附加到TextArea

這裏是我的代碼:

的HTML:

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Untitled Document</title> 
</head> 
<body> 
<textarea id="textarea1"></textarea> 
<br><input type="button" value="Write blah blah" onclick="addtxt('textarea1')"> 
</body> 
</html> 

腳本:

<script> 
function addtxt(input) { 
var obj=document.getElementById(input); 
obj.value+="blah test 123" 
} 
</script> 

上面的代碼是在直播:提前http://jsfiddle.net/zGrkF/

謝謝..

回答

1

嘗試jQuery

隨着該代碼如下:

$("#textarea1").hover(
    function() 
    { 
     $(this).value('IN'); 
    }, 
    function() 
    { 
     $(this).value('OUT'); 
    }); 

OR

$("#textarea1").mouseover(
    function() 
    { 
     $(this).value('IN'); 
    }); 

更新:

試試這個link

+0

你不需要加載一個完整的庫來做到這一點那麼簡單 – Teneff

+0

1.點擊按鈕並在文本區域內附加文本'blah test 123'。 2.在文本區域中,現在單擊內部並將光標放在'blah'後面並再次單擊該按鈕。 3.現在textarea會有'blah test 123blah test 123'。我想要的只是textarea的值應該是'blahblah test 123 test 123',因爲光標位於'blah'文本之後,文本應該在它之後立即追加。 – prajan