文本输入事件处理程序

Text input event handler

本文关键字:程序 事件处理 输入 文本      更新时间:2023-09-26

我有一个文本输入和一个处理程序例程testFunc(input.value)

testFunc应该在

  1. 按下字母键
  2. 当用更新的值点击退格时(即当初始输入为1234时,当从最后点击退格时,输入应该是123到testFunc例程)
  3. 如果输入是1234,并且从中间的某个地方即1234按退格键,那么testfunc应该被称为testfunc(234)。
  4. 2,3对于DELETE键也应该类似。

我尝试了onkeypress和onkeyup,但有些如何testFunc处理器例程没有得到更新的值(或)testFunc例程本身没有被调用。

有谁能告诉我如何解决这个问题,或者是否有任何现有的api在Javascript

您可以使用HTML5 input事件,该事件在输入值更改时触发,并在值更改后触发。结合IE解决方案,它是令人惊讶的兼容。请看下面的答案:

jQuery键盘事件

使用哪些浏览器?每当按下一个键时,下面的代码总是显示当前输入的值:

  <script type="text/javascript">
  function show(s) {
    document.getElementById('msg').innerHTML = s;
  }
  </script>
  <input type="text" onkeyup="show(this.value);">
  <div id="msg"></div>