onkeypress 不调用函数

Question

每次在文本框中按下一个键时，我都需要调用一个 js 函数：

<html>
    <script>
        function checkValidity() {
            alert("Checking...");
        }
    </script>
    <body>
        <input type="text" name="username" id="username" onkeypress="checkValidity()">
    </body>
</html>

但是，警报永远不会显示。这段代码有什么问题？

更新

该脚本实际上位于一个单独的 js 文件中，但我确定它已正确声明，因为如果我从主体的 onload 调用 checkValidity()，我会收到警报。

Answer 1

实际上您的标记是正确的，但是函数名称 checkValidity 现在是元素

的内部关键字

点这里https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidity

您可以更改函数的名称，仅此而已

<html>
    <script>
        function checkMyValidity() {
            alert("Checking...");
        }
    </script>
    <body>
        <input type="text" name="username" id="username" onkeypress="checkMyValidity()">
    </body>
</html>

Answer 2

checkValidity 是 Javascript 的表单验证方法。更改方法名称。然后就可以了。

Answer 3

<html>
    <head>
     <script>

        function checkValid() {
    alert("You pressed a key inside the input field");
}

    </script>
    </head>

    <body>

        <input type="text" name="username" id="username" onkeypress="checkValid()">
    </body>


</html>

我认为它有效

onkeypress 不调用函数

onkeypress does not call function

html

javascript

onkeypress