jQuery设置聚焦并使光标位置在文字最后的实现方法


Posted in Javascript onAugust 02, 2016

如下所示:

$.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() {
	this.setCursorPosition(this.val().length);
};

以上这篇jQuery设置聚焦并使光标位置在文字最后的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Js操作Select大全(取值、设置选中等等)
Oct 29 Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
Oct 16 Javascript
JavaScript将字符串转换为整数的方法
Apr 14 Javascript
js滚动条平滑移动示例代码
Mar 29 Javascript
使用JQuery 加载页面时调用JS的实现方法
May 30 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
Oct 12 Javascript
JS正则表达式学习之贪婪和非贪婪模式实例总结
Dec 26 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
Jan 16 Javascript
Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决
Jan 27 Javascript
浅谈对于react-thunk中间件的简单理解
May 01 Javascript
ant design 日期格式化的实现
Oct 27 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
Nov 16 Javascript
jQuery实现的placeholder效果完整实例
Aug 02 #Javascript
AngularJS基础 ng-keyup 指令简单示例
Aug 02 #Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
Aug 02 #Javascript
深入浅析search 搜索框的写法
Aug 02 #Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 #Javascript
Angularjs 自定义服务的三种方式(推荐)
Aug 02 #Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 #Javascript
You might like
IIS环境下快速安装、配置和调试PHP5.2.0
2006/12/17 PHP
PHP 错误之引号中使用变量
2009/05/04 PHP
PHP实现文件下载详解
2014/11/27 PHP
php PDO判断连接是否可用的实现方法
2017/04/03 PHP
PHP实现登录注册之BootStrap表单功能
2017/09/03 PHP
thinkphp 5框架实现登陆,登出及session登陆状态检测功能示例
2019/10/10 PHP
JavaScript 组件之旅(四):测试 JavaScript 组件
2009/10/28 Javascript
js类型检查实现代码
2010/10/29 Javascript
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
2013/01/18 Javascript
JavaScript Math.ceil() 函数使用介绍
2013/12/11 Javascript
node.js中的events.emitter.removeListener方法使用说明
2014/12/10 Javascript
javascript中几个容易混淆的概念总结
2015/04/14 Javascript
ECharts仪表盘实例代码(附源码下载)
2016/02/18 Javascript
详解React-Todos入门例子
2016/11/08 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
2016/12/16 Javascript
element-ui table span-method(行合并)的实现代码
2018/12/20 Javascript
React降级配置及Ant Design配置详解
2018/12/27 Javascript
vue+Element-ui实现分页效果
2020/11/15 Javascript
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
基于Python的XSS测试工具XSStrike使用方法
2017/07/29 Python
python实现守护进程、守护线程、守护非守护并行
2018/05/05 Python
flask框架视图函数用法示例
2018/07/19 Python
对pandas读取中文unicode的csv和添加行标题的方法详解
2018/12/12 Python
PyCharm设置每行最大长度限制的方法
2019/01/16 Python
Python爬取YY评级分数并保存数据实现过程解析
2020/06/01 Python
keras load model时出现Missing Layer错误的解决方式
2020/06/11 Python
澳大利亚波西米亚风连衣裙在线商店:Fortunate One
2019/04/01 全球购物
英国户外服装品牌:Craghoppers
2019/04/25 全球购物
软件测试笔试题
2012/10/25 面试题
软件测试题目
2013/02/27 面试题
大学生求职自荐信
2013/12/12 职场文书
环境科学专业优秀毕业生自荐书
2014/02/03 职场文书
《我不是最弱小的》教学反思
2014/02/23 职场文书
儿童生日会策划方案
2014/05/15 职场文书
2015年反洗钱工作总结
2015/04/25 职场文书
Win10防火墙白名单怎么设置?Win10添加防火墙白名单方法
2022/04/06 数码科技