JQuery--將光標放在textarea的末尾，當它聚焦於

首先，你們中的一些人可能會注意到我在刪除它後重新發布了這個問題。這是因爲它被一個沒有麻煩檢查的人錯誤地標記爲重複 - 他所關聯的問題是關於一個元素;該解決方案不適用於textareas。JQuery--將光標放在textarea的末尾，當它聚焦於

無論如何，考慮下面的代碼：

<!DOCTYPE html> 
<html> 
<head> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
function caek() { 
    $('textarea[name=txt1]').val("cake"); 
    $('textarea[name=txt1]').focus(); 
} 
</script> 
</head> 
<body> 
<div id="bar"></div> 
<form name="frm1" id="cake"> 
<textarea name="txt1"></textarea> 
</form> 
<input type="button" value="Activate" 
onclick="caek()"> 
</body> 
</html>

當您運行，你會發現光標被推到textarea的開始，文本之前。我怎樣才能讓之後的所有的文字在textarea結尾？非內聯解決方案將是最佳的，但任何事情都可以。

而獨立的解決方案（無插件等）將是完美的。

來源

2012-07-03 Bluefire

這對我有用。

function caek() { 
    txtArea = $('textarea[name=txt1]'); 
    txtArea.val("cake"); 
    txtArea.focus();  
    tmpStr = txtArea.val(); 
    txtArea.val(''); 
    txtArea.val(tmpStr); 
}

來源

2012-07-03 01:33:48 septemberbrain