HTML textarea怎么判断光标是哪一行？怎么获取光标所在行的内容

最新推荐文章于 2023-12-20 00:19:31 发布

83Dillon

最新推荐文章于 2023-12-20 00:19:31 发布

阅读量837

点赞数

分类专栏： HTML&JS&CSS 文章标签： html javascript 前端

本文链接：https://blog.csdn.net/weixin_39132497/article/details/127969525

版权

HTML&JS&CSS 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

在站内找了一下，大家写的都不是很详细。这里总结一下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Index</title>
	</head>
	<body>	
		<textarea id="content"></textarea>
		<a href="javascript:;" onclick="getline(n)">获取选中行的内容</a>
		<script src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript" >
			var t=document.getElementById("content");
			var n;
			t.onclick=function(){
				var v=this.value;
				var cv="";
				if("selectionStart" in t){
					cv=v.substr(0,t.selectionStart);
				}else{
					var oSel=document.selection.createRange();
					oSel.moveStart('character',-t.value.length);
					cv=oSel.text;
				}
				var c1=cv.split('\n').length-1
				n=c1
				console.log("current line:"+n)
			}
			function getline(n){
				var text=$("#content").val();
				var array=text.split("\n");
				var newsub="new content";
				console.log('content:'+array[n])
				var replace=array.splice(n,1,newsub);
				var sub=array.join("\n");
				$("#content").val(sub);
			}
		</script>
	</body>
</html>

欢迎沟通交流！感谢大家。