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


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 Cookie显示用户上次访问的时间和次数
Dec 08 Javascript
js隐藏与显示回到顶部按钮及window.onscroll事件应用
Jan 25 Javascript
node.js中的console.dir方法使用说明
Dec 10 Javascript
JavaScript简单判断复选框是否选中及取出值的方法
Aug 13 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
Nov 27 Javascript
JavaScript中的boolean布尔值使用学习及相关技巧讲解
May 26 Javascript
一个极为简单的requirejs实现方法
Oct 20 Javascript
详解Vue 多级组件透传新方法provide/inject
May 09 Javascript
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
JS运算符优先级与表达式示例详解
Sep 04 Javascript
在vue中axios设置timeout超时的操作
Sep 04 Javascript
Openlayers3实现车辆轨迹回放功能
Sep 29 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生成二维码的几种方式整理及使用实例
2013/06/03 PHP
PHP解决URL中文GBK乱码问题的两种方法
2014/06/03 PHP
php计划任务之验证是否有多个进程调用同一个job的方法
2015/12/07 PHP
PHP封装返回Ajax字符串和JSON数组的方法
2017/02/17 PHP
详解PHP 7.4 中数组延展操作符语法知识点
2019/07/19 PHP
Laravel 简单实现Ajax滚动加载示例
2019/10/22 PHP
JavaScript Event学习第七章 事件属性
2010/02/07 Javascript
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
2010/02/26 Javascript
避免 showModalDialog 弹出新窗体的原因分析
2010/05/31 Javascript
Javascript实现CheckBox的全选与取消全选的代码
2010/07/20 Javascript
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
2011/06/20 Javascript
JavaScript闭包函数访问外部变量的方法
2014/08/27 Javascript
解决jquery无法找到其他父级子集问题的方法
2016/05/10 Javascript
AngularJS中$watch和$timeout的使用示例
2016/09/20 Javascript
详解angularjs结合pagination插件实现分页功能
2017/02/10 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
2017/05/03 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
2018/09/26 Javascript
重学JS 系列:聊聊继承(推荐)
2019/04/11 Javascript
[05:40]DOTA2荣耀之路6:Wings最后进攻
2018/05/30 DOTA
[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python中使用platform模块获取系统信息的用法教程
2016/07/08 Python
Python如何获取系统iops示例代码
2016/09/06 Python
Python探索之爬取电商售卖信息代码示例
2017/10/27 Python
Django压缩静态文件的实现方法详析
2018/08/26 Python
Python中创建二维数组
2018/10/17 Python
对python 匹配字符串开头和结尾的方法详解
2018/10/27 Python
python 调用有道api接口的方法
2019/01/03 Python
Python创建字典的八种方式
2019/02/27 Python
Django中使用Whoosh进行全文检索的方法
2019/03/31 Python
python 实现在tkinter中动态显示label图片的方法
2019/06/13 Python
Python selenium爬取微博数据代码实例
2020/05/22 Python
python使用smtplib模块发送邮件
2020/12/17 Python
Html5新增标签与样式及让元素水平垂直居中
2019/07/11 HTML / CSS
AutoShack.com加拿大:北美主要的汽车零部件零售商
2019/07/24 全球购物
农业资源与环境专业自荐信范文
2013/12/30 职场文书
北京颐和园导游词
2015/01/30 职场文书