Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery-当光标聚焦在文本区域时,将光标放置在文本区域的末尾_Javascript_Jquery_Forms - Fatal编程技术网

Javascript JQuery-当光标聚焦在文本区域时,将光标放置在文本区域的末尾

Javascript JQuery-当光标聚焦在文本区域时,将光标放置在文本区域的末尾,javascript,jquery,forms,Javascript,Jquery,Forms,首先,你们中的一些人可能会注意到,我在删除了这个问题后重新提出了这个问题。这是因为它被一个懒得检查的人错误地标记为复制品——他链接的问题是关于一个元素的;该解决方案不适用于文本区域 无论如何,请考虑下面的代码: <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascrip

首先,你们中的一些人可能会注意到,我在删除了这个问题后重新提出了这个问题。这是因为它被一个懒得检查的人错误地标记为复制品——他链接的问题是关于一个元素的;该解决方案不适用于文本区域

无论如何,请考虑下面的代码:

<!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>
当您运行该命令时,您会注意到光标被推到文本区域的开头,在文本之前。我怎样才能让它出现在所有文本之后,在文本区域的末尾?非内联解决方案是最佳的,但任何方法都可以

一个独立的解决方案没有插件等将是完美的。

您可以使用jQuery插件以跨平台的方式完成这项工作

这里有一个演示:

将“开始”和“结束”设置为相同的数字,它会将光标设置为该点,尽管它不会聚焦文本区域,因此您必须在文本区域中进行制表以查看效果。在您的情况下,您需要将其设置为文本的长度。

您可以使用jQuery插件以跨平台的方式来实现这一点

这里有一个演示:


将“开始”和“结束”设置为相同的数字,它会将光标设置为该点,尽管它不会聚焦文本区域,因此您必须在文本区域中进行制表以查看效果。在您的情况下,您需要将其设置为文本的长度。

这对我很有用

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

这对我有用

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

$ta.text($ta.text()).focus()
演示:

这很有效

$ta.text($ta.text()).focus()

演示:

该网站表示,将在某个时候推出独立版本。但它是开源的,所以您可能只需拉出所需的代码即可该网站说,一个独立的版本即将推出。但它是开源的,所以您可能只需拉出所需的代码即可