textarea实现enter发送，ctrl+enter换行，并禁止在textarea回车换行

本文主要是介绍textarea实现enter发送，ctrl+enter换行，并禁止在textarea回车换行，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

为了方便操作，需要实现textarea实现enter发送，ctrl+enter换行，并禁止在textarea回车换行。

1、HTML代码

<div style="width: 60%;"><textarea  style="width: 100%;resize: none;" id="send_chat_msg_box" rows="3"  placeholder="请输入消息">	</textarea>
</div>

2、JavaScript代码：

//1、提交 发送function send_chat_msg(){//逻辑代码}//2、快捷发送消息$("#send_chat_msg_box").keydown( function(event){//var msgInput=$(this).val()//兼容Chrome和Firefoxevent=(event)?event:((window.event)?window.event:"");var keyCode=event.keyCode?event.keyCode:(event.which?event.which:event.charCode);var altKey = event.ctrlKey || event.metaKey;if(keyCode == 13 && altKey){ //ctrl+enter换行var newDope=$(this).val()+"\n";// 获取textarea数据进行 换行$(this).val(newDope);}else if(keyCode==13){ //enter发送send_chat_msg()event.preventDefault();//禁止回车的默认换行}});

END

---

如有问题请在下方留言。

或关注我的公众号“孙三苗”，输入“联系方式”。获得进一步帮助。

这篇关于textarea实现enter发送，ctrl+enter换行，并禁止在textarea回车换行的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---