js 鼠标单击多行文本框时怎样将光标定在文本框最前面_js 怎么让光标跳到最开始的位置-优快云博客

本文介绍了一种使用JavaScript实现文本区域中光标定位的方法，适用于不同浏览器环境。通过检测浏览器特性选择合适的方式进行光标位置设定。

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

例子:

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <script type="text/javascript">
	function locateCursor(elem, index) {
		if (elem.setSelectionRange) {
			elem.setSelectionRange(index, index);
		} else {
			var range = elem.createTextRange();
			var len = elem.value.length;
			range.moveStart('character', -len);
			range.moveEnd('character', -len);
			range.moveStart('character', index);
			range.moveEnd('character', 0);
			range.select();
		}
	}
 </script>
 <body>
  <textarea rows="40" cols="100" onclick="locateCursor(this, 0)">走过红尘的纷扰，弹落灵魂沾染的尘埃，携一抹淡淡的情怀，迎着清馨的微风，坐在岁月的源头，看时光婆娑的舞步，让自己安静在时间的沙漏里，感受淡如清风，静若兰的唯美。——题记
　　仰卧在大自然的摇篮里，枕着岁月的臂弯，依着时光的轻柔，心漫步在淡淡的微风里，把过往凝聚成一朵花的淡雅，好比空谷幽兰的静美</textarea>
 </body>
</html>

// elem

dom元素

index

需要光标移动位置(文本

始处

0)
function locateCursor(elem, index) {
if (elem.setSelectionRange) {
elem.setSelectionRange(index, index);
} else {
var range = elem.createTextRange();
var len = elem.value.length;
range.moveStart('character', -len);
range.moveEnd('character', -len);
range.moveStart('character', index);
range.moveEnd('character', 0);
range.select();
}
}

eg: