jQuery设置聚焦并使光标位置在文字最后

最新推荐文章于 2023-04-13 09:55:35 发布

「已注销」

最新推荐文章于 2023-04-13 09:55:35 发布

阅读量1.2k

点赞数

本文介绍了一种使用jQuery实现的对输入框(text input)的选中范围设置及自动聚焦到输入框末尾的方法。这种方法适用于需要在网页中对用户输入进行精确控制的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.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);
};