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


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 相关文章推荐
JS的反射问题
Apr 07 Javascript
纯js实现背景图片切换效果代码
Nov 14 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
May 03 Javascript
Jquery遍历checkbox获取选中项value值的方法
Feb 13 Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
Sep 01 Javascript
js实现简单div拖拽功能实例
May 12 Javascript
javascript基本算法汇总
Mar 09 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
Nov 29 Javascript
20行JS代码实现粘贴板复制功能
Feb 06 Javascript
js实现左右两侧浮动广告
Jul 09 Javascript
详解小程序缓存插件(mrc)
Aug 17 Javascript
微信小程序实现的图片保存功能示例
Apr 24 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
Protoss魔法科技
2020/03/14 星际争霸
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
thinkPHP3.1验证码的简单实现方法
2016/04/22 PHP
PHP单文件上传原理及上传函数的封装操作示例
2019/09/02 PHP
javascript 拖放效果实现代码
2010/01/22 Javascript
javascript for循环设法提高性能
2010/02/24 Javascript
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
JS数组去重与取重的示例代码
2014/01/24 Javascript
jQuery实现异步获取json数据的2种方式
2014/08/29 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
2015/02/28 Javascript
TypeScript 中接口详解
2015/06/19 Javascript
PhotoSwipe异步动态加载图片方法
2016/08/25 Javascript
实现隔行换色效果的两种方式【实用】
2016/11/27 Javascript
Node解决简单重复问题系列之Excel内容的获取
2018/01/02 Javascript
node.js自动上传ftp的脚本分享
2018/06/16 Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
2018/07/26 Javascript
利用python发送和接收邮件
2016/09/27 Python
Python数据分析之双色球中蓝红球分析统计示例
2018/02/03 Python
查看django执行的sql语句及消耗时间的两种方法
2018/05/29 Python
Python Numpy 自然数填充数组的实现
2019/11/28 Python
使用python修改文件并立即写回到原始位置操作(inplace读写)
2020/06/28 Python
css3实现六边形边框的实例代码
2019/05/24 HTML / CSS
检测浏览器是否支持html5视频的代码
2013/03/28 HTML / CSS
马来西亚在线药房:RoyalePharma
2019/12/01 全球购物
策划总监岗位职责
2014/02/16 职场文书
公司贷款承诺书
2014/05/30 职场文书
搞笑车尾标语
2014/06/23 职场文书
幼儿教师自我剖析材料
2014/09/29 职场文书
2014年信访维稳工作总结
2014/12/08 职场文书
写给同学的新学期寄语
2015/02/27 职场文书
2015年保卫科工作总结
2015/05/14 职场文书
离职证明格式样本
2015/06/12 职场文书
《画家和牧童》教学反思
2016/02/17 职场文书
浅谈Python数学建模之整数规划
2021/06/23 Python
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server
Linux安装Docker详细教程
2022/07/07 Servers