光标位置函数

最新推荐文章于 2024-04-23 21:19:41 发布

原创最新推荐文章于 2024-04-23 21:19:41 发布 · 432 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#IE #Firefox

javascript 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了一种在网页中实现获取及设置输入框或文本域光标位置的方法，适用于IE和Firefox等浏览器。通过两个JavaScript函数，可以轻松地实现对光标位置的控制。

function getCursortPosition (ctrl) {//获取光标位置函数
	var CaretPos = 0;	// IE Support
	if (document.selection) {
	ctrl.focus ();
		var Sel = document.selection.createRange ();
		Sel.moveStart ('character', -ctrl.value.length);
		CaretPos = Sel.text.length;
	}
	// Firefox support
	else if (ctrl.selectionStart || ctrl.selectionStart == '0')
		CaretPos = ctrl.selectionStart;
	return (CaretPos);
}

PS：参数ctrl为input或者textarea对象

function setCaretPosition(ctrl, pos){//设置光标位置函数
	if(ctrl.setSelectionRange)
	{
		ctrl.focus();
		ctrl.setSelectionRange(pos,pos);
	}
	else if (ctrl.createTextRange) {
		var range = ctrl.createTextRange();
		range.collapse(true);
		range.moveEnd('character', pos);
		range.moveStart('character', pos);
		range.select();
	}
}