javascript - 当我有按钮而不是提交时如何使用回车键提交表单

标签 javascript jquery html ajax forms

我有一个带有按钮提交类型的表单,我希望它在按下回车键时提交。我不知道如何使用我在提交表单时调用的 JS 函数来实现它。

表格:

<form name="form1">
<textarea name="msg" id="message">
</textarea>
<p id="button">
<input type="button" value="Enter" onclick="submitChat()" id="innerbutton"></p>   

JS函数

 function submitChat() {


    var uname = document.getElementById('nameplace').innerHTML

    var msg = form1.msg.value;
    var xmlhttp = new XMLHttpRequest();

    var badname = uname.charAt(0); 

    if (msg != "" & badname != "<") {
    xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState==4&&xmlhttp.status==200) {
    document.getElementById('chatlogs').innerHTML = xmlhttp.responseText;
            }

    }
    xmlhttp.open('GET','insert.php?uname='+uname+'&msg='+msg,true);
    xmlhttp.send();

    }

最佳答案

在文档中附加 keydown 事件,并在按下 Enter 时调用你的函数

$(document).on("keydown",function(e){

   var keyCode = e.which || e.keyCode;
   if(keyCode == 13) // enter key code
   {
      submitChat();
   }

});

关于javascript - 当我有按钮而不是提交时如何使用回车键提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37523209/

相关文章:

javascript - Promise 在错误时实现

javascript - 绑定(bind)和解绑函数

jquery - 如何在一个引导模式中绑定(bind)动态数据

html - css 单行或多行垂直对齐

javascript - 我可以让 nodejs --debug 标志等待远程连接吗

当窗口不是全宽时Javascript显示光标

jquery - 使用 javascript 将 Base64 图像上传到 Google 云端硬盘

javascript - 如何倾斜 div 的一侧,然后复制它并倾斜另一侧?

javascript - 使用 for 循环创建 div 元素

javascript - 使用 javascript/jquery 删除破折号并用 <li> 括起来