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


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 相关文章推荐
jValidate 基于jQuery的表单验证插件
Dec 12 Javascript
jQuery的链式调用浅析
Dec 03 Javascript
动态加载js的方法汇总
Feb 13 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
Dec 08 Javascript
JS实现标签页切换效果
May 04 Javascript
Vue实现virtual-dom的原理简析
Jul 10 Javascript
简单介绍react redux的中间件的使用
Apr 06 Javascript
vue this.reload 方法 配置
Sep 12 Javascript
Vue监听一个数组id是否与另一个数组id相同的方法
Sep 26 Javascript
Vue.js特性Scoped Slots的浅析
Feb 20 Javascript
使用pm2部署node生产环境的方法步骤
Mar 09 Javascript
JS + HTML 罗盘式时钟的实现
May 21 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笔试题
2009/08/04 PHP
PHP is_dir() 判断给定文件名是否是一个目录
2010/05/10 PHP
PHP多文件上传类实例
2015/03/07 PHP
PHP面向对象程序设计实例分析
2016/01/26 PHP
老生常谈PHP面向对象之解释器模式
2017/05/17 PHP
layui数据表格自定义每页条数limit设置
2019/10/26 PHP
jQuery $.each的用法说明
2010/03/22 Javascript
zShowBox 图片放大展示jquery版 兼容性
2011/09/24 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
2014/12/18 Javascript
jQuery检测滚动条是否到达底部
2015/12/15 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
2016/03/08 Javascript
AngularJS实现Input格式化的方法
2016/11/07 Javascript
模板视图和AngularJS之间冲突的解决方法
2016/11/22 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
2016/12/05 Javascript
javascript 中关于array的常用方法详解
2017/05/05 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
2019/07/15 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
2019/09/02 Javascript
jQuery HTML设置内容和属性操作实例分析
2020/05/20 jQuery
jQuery 动态粒子效果示例代码
2020/07/07 jQuery
javascript实现扫雷简易版
2020/08/18 Javascript
Python和Perl绘制中国北京跑步地图的方法
2016/03/03 Python
浅谈python 四种数值类型(int,long,float,complex)
2016/06/08 Python
对pandas的行列名更改与数据选择详解
2018/11/12 Python
Python 实现数据结构-堆栈和队列的操作方法
2019/07/17 Python
Python代码块及缓存机制原理详解
2019/12/13 Python
Python super()函数使用及多重继承
2020/05/06 Python
基于python实现获取网页图片过程解析
2020/05/11 Python
浅谈Python中的字符串
2020/06/10 Python
python线程里哪种模块比较适合
2020/08/02 Python
解决阿里云邮件发送不能使用25端口问题
2020/08/07 Python
实习评语
2013/12/16 职场文书
医学专业应届生的自我评价
2014/02/28 职场文书
真诚的求职信
2014/07/04 职场文书
公司周年庆典致辞
2015/07/30 职场文书
windows安装 redis 6.2.6最新步骤详解
2022/04/26 Redis