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


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 写类方式之一
Jul 05 Javascript
javascript showModalDialog,open取得父窗口的方法
Mar 10 Javascript
用console.table()调试javascript
Sep 04 Javascript
javascript动画算法实例分析
Jul 31 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
Jan 21 Javascript
jquery实现页面加载效果
Feb 21 Javascript
详解Vue 方法与事件处理器
Jun 20 Javascript
angular框架实现全选与单选chekbox的自定义
Jul 06 Javascript
vue的基本用法与常见指令
Aug 15 Javascript
webpack热模块替换(HMR)/热更新的方法
Apr 05 Javascript
全面了解JavaScript的作用域链
Apr 03 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
Apr 30 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
JAVA/JSP学习系列之四
2006/10/09 PHP
在任意字符集下正常显示网页的方法二(续)
2007/04/01 PHP
PHP对MongoDB[NoSQL]数据库的操作
2013/03/01 PHP
php伪静态之APACHE篇
2014/06/02 PHP
php 中的closure用法详解
2017/06/12 PHP
javaScript(JS)替换节点实现思路介绍
2013/04/17 Javascript
js网页实时倒计时精确到秒级
2014/02/10 Javascript
JavaScript 封装一个tab效果源码分享
2015/09/15 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
2015/12/04 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
js 动态添加元素(div、li、img等)及设置属性的方法
2016/07/19 Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
2016/09/23 Javascript
bootstrap侧边栏圆点导航
2017/01/11 Javascript
AngularJs 常用的过滤器
2017/05/15 Javascript
BootStrap的双日历时间控件使用
2017/07/25 Javascript
JS+HTML+CSS实现轮播效果
2017/11/28 Javascript
node结合swig渲染摸板的方法
2018/04/11 Javascript
layui递归实现动态左侧菜单
2019/07/26 Javascript
vue 实现特定条件下绑定事件
2019/11/09 Javascript
利用Python绘制MySQL数据图实现数据可视化
2015/03/30 Python
python框架django基础指南
2016/09/08 Python
django+xadmin+djcelery实现后台管理定时任务
2018/08/14 Python
一百多行python代码实现抢票助手
2018/09/25 Python
python按时间排序目录下的文件实现方法
2018/10/17 Python
python实现石头剪刀布程序
2021/01/20 Python
对Python中TKinter模块中的Label组件实例详解
2019/06/14 Python
python二进制文件的转译详解
2019/07/03 Python
详解Python 字符串相似性的几种度量方法
2019/08/29 Python
jupyter 导入csv文件方式
2020/04/21 Python
python输入中文的实例方法
2020/09/14 Python
新西兰优惠网站:Treat Me
2019/07/04 全球购物
sort命令的作用和用法
2013/08/25 面试题
中央空调节能方案
2014/06/15 职场文书
2014年纪检部工作总结
2014/11/12 职场文书
推广普通话的宣传语
2015/07/13 职场文书
python 提取html文本的方法
2021/05/20 Python