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