获取文本框中的当前光标位置 [英] Get current cursor position in a textbox
本文介绍了获取文本框中的当前光标位置的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我需要一个代码来查找光标在文本框/文本区域中的当前位置.它应该适用于 chrome 和 firefox.以下是我正在使用的代码:
I need a code to find current position of cursor in a textbox/textarea. It should work with chrome and firefox. Following is the code which I am using:
<!DOCTYPE html>
<html>
<head>
<script>
function textbox()
{
document.getElementById('Javascript_example').value = document.activeElement.id;
var ctl = document.getElementById('Javascript_example');
alert(ctl);
var startPos = ctl.selectionStart;
alert(startPos);
var endPos = ctl.selectionEnd;
alert(endPos);
}
</script>
</head>
<body>
<input id="Javascript_example" name="one" type="text" value="Javascript_example" onclick="textbox()">
</body>
</html>
有什么建议吗?
推荐答案
除了 ID 属性中的空格(无效)以及在检查选择.
It looks OK apart from the space in your ID attribute, which is not valid, and the fact that you're replacing the value of your input before checking the selection.
function textbox()
{
var ctl = document.getElementById('Javascript_example');
var startPos = ctl.selectionStart;
var endPos = ctl.selectionEnd;
alert(startPos + ", " + endPos);
}<input id="Javascript_example" name="one" type="text" value="Javascript example" onclick="textbox()">此外，如果您支持 IE <= 8，您需要注意这些浏览器不支持 selectionStart 和 selectionEnd.
Also, if you're supporting IE <= 8 you need to be aware that those browsers do not support selectionStart and selectionEnd.
这篇关于获取文本框中的当前光标位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
