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


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 相关文章推荐
改进:论坛UBB代码自动插入方式
Dec 22 Javascript
Javascript remove 自定义数组删除方法
Oct 20 Javascript
js对象之JS入门之Array对象操作小结
Jan 09 Javascript
js 事件处理函数间的Event物件是否全等
Apr 08 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
Mar 04 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
Apr 25 Javascript
artDialog+plupload实现多文件上传
Jul 19 Javascript
javascript的函数劫持浅析
Sep 26 Javascript
详解JS几种变量交换方式以及性能分析对比
Nov 25 Javascript
详谈js的变量提升以及使用方法
Oct 06 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
Apr 19 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
Jul 27 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连接mssql的一些相关经验及注意事项
2013/02/05 PHP
火狐4、谷歌12不支持Jquery Validator的解决方法分享
2011/06/20 Javascript
jQuery中removeData()方法用法实例
2014/12/27 Javascript
Node.js的包详细介绍
2015/01/14 Javascript
无刷新上传文件并返回自定义值
2015/06/11 Javascript
js实现继承的5种方式
2015/12/01 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
浅谈jquery的map()和each()方法
2016/06/12 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
2016/08/02 Javascript
使用JS实现图片展示瀑布流效果的实例代码
2016/09/12 Javascript
jquery平滑滚动到顶部插件使用详解
2017/05/08 jQuery
Vue如何实现组件的源码解析
2017/06/08 Javascript
详解VueRouter进阶之导航钩子和路由元信息
2017/09/13 Javascript
详解webpack3编译兼容IE8的正确姿势
2017/12/21 Javascript
vue.js根据代码运行环境选择baseurl的方法
2018/02/28 Javascript
实例讲解Vue.js中router传参
2018/04/22 Javascript
详解js的视频和音频采集
2018/08/09 Javascript
JQuery Ajax动态加载Table数据的实例讲解
2018/08/09 jQuery
vue实现下拉加载其实没那么复杂
2019/08/13 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
2020/02/15 Javascript
Python的Flask框架中实现分页功能的教程
2015/04/20 Python
Python之Scrapy爬虫框架安装及使用详解
2017/11/16 Python
python实现读取大文件并逐行写入另外一个文件
2018/04/19 Python
Python3中详解fabfile的编写
2018/06/24 Python
Python Learning 列表的更多操作及示例代码
2018/08/22 Python
Python学习笔记之pandas索引列、过滤、分组、求和功能示例
2019/06/03 Python
python3的url编码和解码,自定义gbk、utf-8的例子
2019/08/22 Python
Pytorch 数据加载与数据预处理方式
2019/12/31 Python
python 如何引入协程和原理分析
2020/11/30 Python
详解Python模块化编程与装饰器
2021/01/16 Python
Flesh Beauty官网:露华浓集团旗下彩妆品牌
2021/02/15 全球购物
初中政治教学反思
2014/01/17 职场文书
少先队学雷锋活动月总结
2014/03/09 职场文书
开学寄语大全
2014/04/08 职场文书
2015年暑期社会实践方案
2015/07/14 职场文书
酒桌上的祝酒词
2015/08/12 职场文书