填写表格并按回车后调用功能

Question

在下面的脚本中

<html>
 <body>
    <form>
        First Name: <input type="text" id="myText" maxlength="30" >
    </form>
    <button onclick="procesText()">get name</button>

    <script>
    function procesText()
    {
      var y = document.getElementById("myText");
      alert(y.value);
      y.value="";
    }
    </script>

 </body>
</html>

我想调用函数procesText不是通过单击get name button ，而是在我用文本填充输入时单击输入。 怎么实现呢？

Answer 1

HTML：

<form id="myform">
    First Name: <input type="text" id="myText" maxlength="30" >
</form>

JS :(如果你想将表单发送到te服务器）（演示）

document.getElementById('myform').onsubmit = procesText;

JS :(如果你不想将表单发送到te服务器）（演示）

document.getElementById('myform').onsubmit = function(e) {
    procesText();
    e && e.preventDefault && e.preventDefault();
    return false;
}

Answer 2

只需删除按钮，调用onsubmit上的函数，并阻止它提交：

<form onsubmit="return procesText()">
    First Name: <input type="text" id="myText" maxlength="30" />
</form>
<script>
    function procesText() {
        var y = document.getElementById("myText");
        alert(y.value);
        y.value = "";
        return false;
    }
</script>

小提琴 ： 小提琴

填写表格并按回车后调用功能

问题描述

2 个解决方案

解决方案1
1 已采纳 2014-03-02 21:47:12

解决方案2
1 2014-03-02 21:47:54

填写表格并按回车后调用功能

问题描述

2 个解决方案

解决方案1 1 已采纳 2014-03-02 21:47:12

解决方案2 1 2014-03-02 21:47:54

解决方案1
1 已采纳 2014-03-02 21:47:12

解决方案2
1 2014-03-02 21:47:54