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


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 相关文章推荐
javascript定义函数的方法
Dec 06 Javascript
jQuery 1.8 Release版本发布了
Aug 14 Javascript
js数组转json并在后台对其解析具体实现
Nov 20 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
Dec 13 Javascript
js函数名与form表单元素同名冲突的问题
Mar 07 Javascript
一个JS函数搞定网页标题(title)闪动效果
May 13 Javascript
jQuery()方法的第二个参数详解
Apr 29 Javascript
JavaScript函数中关于valueOf和toString的理解
Jun 14 Javascript
Javascript中的作用域及块级作用域
Dec 08 Javascript
在vue中更换字体,本地存储字体非引用在线字体库的方法
Sep 28 Javascript
JS实现的类似微信聊天效果示例
Jan 29 Javascript
koa2 从入门到精通(小结)
Jul 23 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
php cli换行示例
2014/04/22 PHP
php 过滤英文标点符号及过滤中文标点符号代码
2014/06/12 PHP
php抓取网站图片并保存的实现方法
2015/10/29 PHP
laravel实现查询最后执行的一条sql语句的方法
2019/10/09 PHP
XAMPP升级PHP版本实现步骤解析
2020/09/04 PHP
利用javascript/jquery对上传文件格式过滤的方法
2009/07/25 Javascript
extjs 列表框(multiselect)的动态添加列表项的方法
2009/07/31 Javascript
jquery 倒计时效果实现秒杀思路
2013/09/11 Javascript
jquery实现tr元素的上下移动示例代码
2013/12/20 Javascript
JavaScript获取网页表单action属性的方法
2015/04/02 Javascript
javascript中replace( )方法的使用
2015/04/24 Javascript
判断访客终端类型集锦
2015/06/05 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
2015/08/07 Javascript
AngularJS  ng-table插件设置排序
2016/09/21 Javascript
vue.js获取数据库数据实例代码
2017/05/26 Javascript
详解angular 中的自定义指令之详解API
2017/06/20 Javascript
前端开发不得不知的10个最佳ES6特性
2017/08/30 Javascript
原生javascript实现文件异步上传的实例讲解
2017/10/26 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
Vue 项目代理设置的优化
2018/04/17 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】
2019/03/15 Javascript
node.JS二进制操作模块buffer对象使用方法详解
2020/02/06 Javascript
[02:02]2018DOTA2亚洲邀请赛Mineski赛前采访
2018/04/04 DOTA
[46:14]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第一场 12.11
2020/12/16 DOTA
Python通过解析网页实现看报程序的方法
2014/08/04 Python
Python数据分析之双色球统计单个红和蓝球哪个比例高的方法
2018/02/03 Python
python语音识别实践之百度语音API
2018/08/30 Python
opencv 图像轮廓的实现示例
2020/07/08 Python
详解java调用python的几种用法(看这篇就够了)
2020/12/10 Python
完美解决IE8下不兼容rgba()的问题
2017/03/31 HTML / CSS
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
小学教师的自我评价范例
2013/10/31 职场文书
高校辅导员推荐信范文
2013/12/25 职场文书
《画》教学反思
2014/04/14 职场文书
青春无悔演讲稿
2014/05/08 职场文书