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


Posted in Javascript onJanuary 11, 2017

经测试,兼容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

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
onkeydown事件解决按回车键直接提交数据的需求
Apr 11 Javascript
js和jquery使按钮失效为不可用状态的方法
Jan 26 Javascript
Jquery实现动态切换图片的方法
May 18 Javascript
动态加载jQuery的两种方法实例分析
Jul 17 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
Nov 30 Javascript
基于JS实现的笛卡尔乘积之商品发布
May 13 Javascript
AngularJS ng-app 指令实例详解
Jul 30 Javascript
基于Vuejs框架实现翻页组件
Jun 29 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
实例讲解javascript实现异步图片上传方法
Dec 05 Javascript
解决layui动态添加的元素click等事件触发不了的问题
Sep 20 Javascript
如何在wxml中直接写js代码(wxs)
Nov 14 Javascript
移动端界面的适配
Jan 11 #Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
Jan 11 #Javascript
HTML5 js实现拖拉上传文件功能
Nov 20 #Javascript
Bootstrap表单控件使用方法详解
Jan 11 #Javascript
老生常谈的跨域处理
Jan 11 #Javascript
bootstrap选项卡使用方法解析
Jan 11 #Javascript
常用的javascript设计模式
Jan 11 #Javascript
You might like
单位速度在实战中的运用
2020/03/04 星际争霸
11个PHP 分页脚本推荐
2011/08/15 PHP
php图片合成方法(多张图片合成一张)
2017/11/25 PHP
8款非常棒的响应式jQuery 幻灯片插件推荐
2012/02/02 Javascript
JS+ACTIVEX实现网页选择本地目录路径对话框
2013/03/18 Javascript
删除Javascript Object中间的key
2014/11/18 Javascript
javascript中关于&& 和 || 表达式的小技巧分享
2015/04/10 Javascript
js验证真实姓名与身份证号是否匹配
2015/10/13 Javascript
JavaScript判断数组是否存在key的简单实例
2016/08/03 Javascript
JS实现微信弹出搜索框 多条件查询功能
2016/12/13 Javascript
Node.js websocket使用socket.io库实现实时聊天室
2017/02/20 Javascript
详谈js原型继承的一些问题
2017/09/06 Javascript
关于HTML5的data-*自定义属性的总结
2018/05/05 Javascript
微信小程序转化为uni-app项目的方法示例
2020/05/22 Javascript
Element Rate 评分的使用方法
2020/07/27 Javascript
Python 列表(List)操作方法详解
2014/03/11 Python
pip安装Python库时遇到的问题及解决方法
2017/11/23 Python
Python编程之gui程序实现简单文件浏览器代码
2017/12/08 Python
对python中for、if、while的区别与比较方法
2018/06/25 Python
python爬虫之urllib3的使用示例
2018/07/09 Python
python基于celery实现异步任务周期任务定时任务
2019/12/30 Python
python中如何使用insert函数
2020/01/09 Python
Python 常用日期处理 -- calendar 与 dateutil 模块的使用
2020/09/02 Python
常用的四种CSS透明属性介绍
2014/04/12 HTML / CSS
英国女性化妆品收纳和家具网站:Beautify
2019/12/07 全球购物
美国购买韩国护肤和美容产品网站:Althea Korea
2020/11/16 全球购物
益达广告词
2014/03/14 职场文书
《水乡歌》教学反思
2014/04/24 职场文书
司法局火灾防控方案
2014/06/05 职场文书
高校群众路线教育实践活动剖析材料
2014/10/10 职场文书
我们的节日端午节活动总结
2015/02/11 职场文书
公司周年庆寄语
2019/06/21 职场文书
如何理解Vue前后端数据交互与显示
2021/05/10 Vue.js
解决Pytorch修改预训练模型时遇到key不匹配的情况
2021/06/05 Python
Win11安装受阻怎么办? Windows11安装问题与解决方案汇总
2021/11/21 数码科技
带你了解Java中的ForkJoin
2022/04/28 Java/Android