Question

我正在使用JavaScript创建一些聊天应用程序，允许用户在按下回车键后发送消息

window.onkeydown=function(event){
    if(event.keyCode==13){
        sendNew();
    }
}

并在 sendNew（）函数中;

var msg=document.getElementById('txt').value.toString().trim();
    if(msg!=="") {
    //send message        
    document.getElementById('txt').value = "";
    }

当textarea onfocus 时按Enter键，文本被清除，但似乎插入一个新行字符，光标将转到textarea中的下一行。

我怎样才能摆脱这种情况并拥有一个完全空的textarea？

Answer 1

您需要做的是在按Enter键时取消浏览器的默认行为（您必须阻止浏览器添加新行）。

解决方案：使用event.preventDefault()。文档： https://developer.mozilla.org/en/docs/Web/API/Event/preventDefault

试试这段代码：

window.onkeydown=function(event){
    if(event.keyCode==13){
        sendNew();
        if(event.preventDefault) event.preventDefault(); // This should fix it
        return false; // Just a workaround for old browsers
    }
}

有些开发人员忘记了event.preventDefault并写了return false。这是一个不好的做法，我建议你新方法。

Answer 2

这是因为enter键的默认行为是插入一个新行。为了防止这种情况发生，来自keydown事件处理程序的return false。

window.onkeydown=function(event){
    if(event.keyCode==13){
        sendNew();
        return false; // prevent default behavior if ENTER key
    }
}

输入按键后清除textarea输入

2 个答案: