textarea 回车换行问题

最新推荐文章于 2025-05-22 15:21:23 发布

转载最新推荐文章于 2025-05-22 15:21:23 发布 · 2.6k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/960823/blog/3004638

本文介绍了解决textarea在不同电脑上换行表现不一致的问题。通过禁用默认换行并修改值来确保所有环境下的一致性，适用于前端开发中需要统一文本输入格式的场景。

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

为什么80%的码农都做不了架构师？>>>

问题：textarea本身是默认支持换行的，公司同事电脑一部分可以换行，一部分不能换行。很奇怪！

思路：没办法只能重写textarea换行。但是重写之后还是不行。最后只能通过改变textarea的值来换行。首先要禁止换行，避免正常用户按回车会出现两个回车，然后把textarea中的值重写。就OK 了。

 $(function(){
			   addListtenr();
		   });
			   
		   function addListtenr(){
			   $("textarea").each(function(index) {
				   $("textarea")[index].addEventListener('keydown',function(e){
					   if(e.keyCode!=13){
			        	   return;
			           }else{
			        	   e.returnValue = false;  
			        	   e = $(this).val();
			        	   $(this).val(e + '\n');
			           } 
			       });
				   
				});
		   }

转载于:https://my.oschina.net/960823/blog/3004638