将鼠标焦点定位到文本框最后（代码分享）_网络技术

将鼠标焦点定位到文本框最后（代码分享）

发布时间 - 2026-01-10 22:27:21 点击率：次

经测试，兼容IE8

//设置焦点相关---begin
//用法：$("#txtInput").val("你好").focusEnd();
$.fn.setCursorPosition = function (position) {
 if (this.lengh == 0) return this;
 return $(this).setSelection(position, position);
}
$.fn.setSelection = function (selectionStart, selectionEnd) {
 if (this.lengh == 0) return this;
 input = this[0];
 if (input.createTextRange) {
 var range = input.createTextRange();
 range.collapse(true);
 range.moveEnd('character', selectionEnd);
 range.moveStart('character', selectionStart);
 range.select();
 } else if (input.setSelectionRange) {
 input.focus();
 input.setSelectionRange(selectionStart, selectionEnd);
 }
 return this;
}
$.fn.focusEnd = function () {
 if (this.val() != undefined) {
 this.setCursorPosition(this.val().length);
 }
}
//设置焦点相关---end

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# 鼠标焦点 # 文本框 # 鼠标焦点离开文本框时验证的js代码 # input输入框鼠标焦点提示信息 # jquery点击页面任何区域实现鼠标焦点十字效果 # js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8 # firefox # chrome) # jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码 # 你好 # setCursorPosition # fn # function # setSelection # return # lengh # position # focusEnd # class # pre # brush # val # txtInput # js # selectionStart # select # setSelectionRange # character # moveStart

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：螃蟹交易平台官方主页入口螃蟹交易平台网页端快速登录

下一篇：如何在Laravel中实现权限验证和授权策略

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：螃蟹交易平台官方主页入口螃蟹交易平台网页端快速登录

下一篇：如何在Laravel中实现权限验证和授权策略