美文网首页
js 实现 shift+Enter 换行,Enter 发送

js 实现 shift+Enter 换行,Enter 发送

作者: R_X | 来源:发表于2018-06-29 10:33 被阅读0次

需求:聊天框内容输入框,shift+Enter 换行,Enter发送内容。
/**

  • 1、textarea 里面默认的Enter键就是换行,所以我们需要给它改掉。
  • 2、当我们按【shift】时,event属性里有一个字段叫:shiftkey=true
  • 3、判断【shift + Enter】只要: event.shiftkey === true && e.kenCode === 13 即可。
  • 4、由于Enter默认就是换行,所以任何组合键,只要不是【shift + Enter】就改写【Enter】的默认行为
    */
document.onkeydown = function(e) {
  var keyCode = e.keyCode;
  var div = document.getElementById("div"),
  textarea = document.getElementById("textarea");
  // 判断组合键,不是【shift + Enter】就改写【Enter】的默认功能
  if(!e.shiftKey && keyCode === 13) {
    div.innerText = textarea.value;
    setTimeout(() => {
      textarea.value = '';   
    }, 0);
  }
}

相关文章

网友评论

      本文标题:js 实现 shift+Enter 换行,Enter 发送

      本文链接:https://www.haomeiwen.com/subject/hugoyftx.html