如何在javascript中通过文本输入键调用函数

How to call function from text input key press in javascript?

本文关键字：输入 文本 调用 函数 javascript      更新时间：2023-09-26

使用

<input type="text" onKeyPress="alert(this.value)">

报警框显示框中的值，不包括当前按下的键。

然而，这并没有表现出同样的行为，我不知道为什么。

<input type="text" onKeyPress="handleInput(this.value)">
function handleInput(value){
    alert(value);
}

添加此http://jsfiddle.net/abalter/adbbb599/6/

首先要避免在html标记中使用js代码，这是一种糟糕的做法，您可以使用keyup事件来获取用户释放任何按键后输入的内容

<input id="input">
<script>
  var input = document.getElementById('input');
  input.addEventListener('keyup',function(){alert(input.value);});
</script>

它应该表现出相同的行为。确保在head或body标记中加载javascript，这样就可以从html访问该函数。

这个代码对我有效：

<input type="text" onKeyPress="handleInput(this.value)">
    <script>
        function handleInput(value){
            alert(value);
        }
    </script>

传递'value'作为参数通常是verbotim-它是一个保留字。您的"this"指的是输入字段，因此"this.value"返回输入字段的全部内容。要从按键事件中获取keyCode，请尝试：

<body>
<input type="text" onKeyPress="handleInput();">
</body>
<script>
function handleInput(){
    alert(event.charCode);
}
</script>

这不适用于：

onKeyPress="event.charCode;"

或：

onKeyPress="this.event.charCode;"

因为没有创建事件对象。

相关文章：