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

4 篇文章 0 订阅

为了方便操作,需要实现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


如有问题请在下方留言。

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

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值