如何用jquery改变光标在input中的位置？
如图，点击inputtext框，光标会出现在昵称前边，我想让光标固定显示在昵称后边，该怎么弄...
如图，点击input text框，光标会出现在昵称前边，我想让光标固定显示在昵称后边，该怎么弄
展开
5个回答
展开全部
我也遇到这个事情，没找到好的方法，只能在给文本框赋一次值$("#id").val($("#id").val())，这样光标就在最后了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
jQuery(dom).focus()
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
setCursorPosition($("input"),4)
});
});
function setCursorPosition(elem, index) {
var val = elem.val();
var len = val.length
// 超过文本长度直接返回
if (len < index) return
setTimeout(function() {
elem.focus()
if (elem[0].setSelectionRange) { // 标准浏览器
elem[0].setSelectionRange(index, index)
} else { // IE9-
var range = elem[0].createTextRange()
range.moveStart("character", -len)
range.moveEnd("character", -len)
range.moveStart("character", index)
range.moveEnd("character", 0)
range.select()
}
}, 10)
}
</script>
</head>
<body>
<p>如果您点击我，光标将在箭头中显示。</p>
<input id='a' type="text" value="光标-><-光标">
</body>
</html>
<html>
<head>
<script src="http://code.jquery.com/jquery.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
setCursorPosition($("input"),4)
});
});
function setCursorPosition(elem, index) {
var val = elem.val();
var len = val.length
// 超过文本长度直接返回
if (len < index) return
setTimeout(function() {
elem.focus()
if (elem[0].setSelectionRange) { // 标准浏览器
elem[0].setSelectionRange(index, index)
} else { // IE9-
var range = elem[0].createTextRange()
range.moveStart("character", -len)
range.moveEnd("character", -len)
range.moveStart("character", index)
range.moveEnd("character", 0)
range.select()
}
}, 10)
}
</script>
</head>
<body>
<p>如果您点击我，光标将在箭头中显示。</p>
<input id='a' type="text" value="光标-><-光标">
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我也遇到过这件事情，也没找到一个很好的方法，只有在文本框中，指定一个值$（“＃id”）的值（$（“＃id”）的值（）），使光标在最后的
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个似乎真的没有什么好方法，按一楼的方式做吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
