js 软键盘

最新推荐文章于 2025-05-30 09:46:18 发布

原创最新推荐文章于 2025-05-30 09:46:18 发布 · 777 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

7 篇文章

订阅专栏

本文分享了一种改进软键盘输入时光标位置漂移的方法，通过编写JavaScript函数实现精确控制光标位置，提升用户体验。具体包括获取当前光标位置、设置光标到指定位置的功能，并演示了在实际应用中如何调用这些函数来解决常见的输入问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在网上下的软键盘超级好用。就是文本框输入内容后，光标总是在最后。现在优化了一下。

[img]http://dl2.iteye.com/upload/attachment/0084/8313/be475a5c-d803-31dc-a93e-a9b8a87a084f.png[/img]

function getCursortPosition() {//获取光标位置函数
ctrl=ObjectId;
var CaretPos = 0; // IE Support
if (document.selection) {
ctrl.focus();
var Sel = document.selection.createRange();
Sel.moveStart('character', -ctrl.value.length);
CaretPos = Sel.text.length;
//alert(CaretPos+"==24");
}
// Firefox support
else if (ctrl.selectionStart || ctrl.selectionStart == '0'){
CaretPos = ctrl.selectionStart;
//alert(CaretPos+"==29");
}
//alert(CaretPos);
return CaretPos;
}

function setCaretPosition(ctrl, pos){//设置光标位置函数
if(ctrl.setSelectionRange)
{
ctrl.focus();
ctrl.setSelectionRange(pos,pos);
}
else if (ctrl.createTextRange) {
var range = ctrl.createTextRange();
range.collapse(true);
range.moveEnd('character', pos);
range.moveStart('character', pos);
range.select();
}
}
function getdangqian(vstringt){

var caretPos=getCursortPosition();
var caretPosvalues=null;
var posfirst=null;
var posafter=null;
caretPosvalues= document.getElementById("T1").value;
posfirst=caretPosvalues.substring(0,caretPos);
posafter=caretPosvalues.substring(caretPos,caretPosvalues.length);
if(caretPos>0){
document.getElementById("T1").value=posfirst+vstringt+posafter;
}else{
document.getElementById("T1").value=vstringt+posafter;
}
setCaretPosition(document.getElementById("T1"),caretPos+1);
}
转原文http://cnmqw.iteye.com/blog/1722147 下载修改的。
弹出层效果的附件：alert_window.rar