为了方便操作,需要实现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和Firefox
event=(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
如有问题请在下方留言。
或关注我的公众号“孙三苗”,输入“联系方式”。获得进一步帮助。