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


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 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
JQuery从头学起第一讲
Jul 04 Javascript
推荐40个简单的 jQuery 导航插件和教程(下篇)
Sep 14 Javascript
node.js中的http.createServer方法使用说明
Dec 14 Javascript
js随机生成网页背景颜色的方法
Feb 26 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
May 26 Javascript
原生 JS Ajax,GET和POST 请求实例代码
Jun 08 Javascript
详解Angular.js指令中scope类型的几种特殊情况
Feb 21 Javascript
jsonp跨域请求详解
Jul 13 Javascript
Vue Cli3 创建项目的方法步骤
Oct 15 Javascript
Vue基于vuex、axios拦截器实现loading效果及axios的安装配置
Apr 26 Javascript
微信小程序登录数据解密及状态维持实例详解
May 06 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实现的简单压缩英文字符串的代码
2008/04/24 PHP
新手菜鸟必读:session与cookie的区别
2013/08/22 PHP
PHP中的socket_read和socket_recv区别详解
2015/02/09 PHP
php使用get_class_methods()函数获取分类的方法
2016/07/20 PHP
PHP扩展Swoole实现实时异步任务队列示例
2019/04/13 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
用jquery来定位
2007/02/20 Javascript
jQuery学习笔记之jQuery的动画
2010/12/22 Javascript
javascript学习基础笔记之DOM对象操作
2011/11/03 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
2014/09/01 Javascript
在JavaScript中构建ArrayList示例代码
2014/09/17 Javascript
浅谈jQuery中的事件
2015/03/23 Javascript
jQuery使用toggleClass方法动态添加删除Class样式的方法
2015/03/26 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
2015/08/04 Javascript
功能强大的jquery.validate表单验证插件
2016/11/07 Javascript
微信小程序 页面跳转及数据传递详解
2017/03/14 Javascript
javaScript手机号码校验工具类PhoneUtils详解
2017/12/08 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
2017/12/19 Javascript
js判断传入时间和当前时间大小实例(超简单)
2018/01/11 Javascript
详解jquery和vue对比
2019/04/16 jQuery
JavaScript canvas实现雪花随机动态飘落
2020/02/08 Javascript
微信小程序拖拽排序列表的示例代码
2020/07/08 Javascript
[02:32]DOTA2英雄基础教程 祸乱之源
2013/12/23 DOTA
Java及python正则表达式详解
2017/12/27 Python
从多个tfrecord文件中无限读取文件的例子
2020/02/17 Python
基于python实现获取网页图片过程解析
2020/05/11 Python
Django用户认证系统如何实现自定义
2020/11/12 Python
HTML5中drawImage用法分析
2014/12/01 HTML / CSS
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
初中美术教学反思
2014/01/29 职场文书
经典广告词大全
2014/03/14 职场文书
企业党建工作汇报材料
2014/08/19 职场文书
2015年党风廉政承诺书
2015/01/22 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
幼儿园推普周活动总结
2015/05/07 职场文书
MySQL主从切换的超详细步骤
2022/06/28 MySQL