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

168 阅读 0 评论 111 点赞

我是靠谱客的博主拉长玫瑰，最近开发中收集的这篇文章主要介绍jQuery设置聚焦并使光标位置在文字最后的实现方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如下所示：

$.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设置聚焦并使光标位置在文字最后的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。