在jQuery中检测输入更改?

JavaScript HTML

小胖Gil

2020-03-23

事件.change使用jquery时input仅当输入失去焦点时才会触发事件

就我而言,我需要在输入值更改后立即调用该服务(检查值是否有效)。我该怎么做?

第2895篇《在jQuery中检测输入更改?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

4个回答
Davaid十三樱 2020.03.23

这涵盖了使用jQuery 1.7及更高版本对输入的所有更改:

$(".inputElement").on("input", null, null, callbackFunction);
理查德神乐老丝 2020.03.23

您可以将jQuery事件(例如keyupkeypress)与输入HTML元素一起使用。您还可以使用blur()事件。

村村古一 2020.03.23

如果希望元素中发生任何更改时都触发该事件,则可以使用keyup事件。

2020.03.23

如果您有HTML5:

  • oninput (仅在实际发生更改时触发,但立即执行)

否则,您需要检查所有这些可能表明输入元素的值发生更改的事件:

  • onchange
  • onkeyup不是 keydownkeypress因为输入的值尚未包含新的击键)
  • onpaste (如果支持)

有可能:

  • onmouseup (我不确定这一点)

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android