js实现textarea回车换行

	<div class="formControls col-sm-6">
		<textarea rows="6" cols="130" onkeydown="enter('cOthersResponsible')" id="cOthersResponsible" maxlength="160" style="font-size:1em" placeholder="请输入企业负责人姓名及履历,字数不超过160字"></textarea>
		<!-- <span class="text_count" style="">可输入160</span> -->
	</div>

下面这个方法是网上流传最广的写法,但是只是能实现最简单的回车换行。

//文本编辑框点击回车换行的js
	 var enter = function(id){
		 if(window.event.keyCode==13){
			 var rawData = $("#"+id).val();
			 $("#"+id).val(rawData+"\n");
		 }
	 }

如果你想在输入完的内容中,随便移动光标到某个位置点击回车换行,上面的方法就不起作用了,他只会在你文字的末尾换行。因为他获取你整个输入的内容,在末尾拼上了换行符,真正解决方式应该是从光标处拼接换行符,代码如下:

//文本编辑框点击回车换行的js
	 var enter = function(id){
		 if(window.event.keyCode==13){
// 			 var rawData = $("#"+id).val();
// 			 $("#"+id).val(rawData+"\n");
			 var tx = document.getElementById(id);
		     var pos = cursorPosition.get(tx);
		     cursorPosition.add(tx, pos, "\n");
		 }
	 }

完结撒花✿✿ヽ(°▽°)ノ✿

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值