如何实现html表单输入监听

时间:2020-11-10 18:12:34 HTML DOM 我要投稿

如何实现html表单输入监听

  今天看到一篇有关input事件的`博文,一时兴起便整理下相关的资料。

  事件:

  function changeVal(value){ console.log($(value).val())}

  onchange:onchange事件是在前后内容改变,并且失去焦点之后才会触发。

  oninput:oninput事件则会在value改变时就触发。

  还有一个onpropertychange事件,效果与oninput相似,但是IE专用!而且测试的时候并没有生效,一脸懵逼中。。。

  补充:

  oninput与onpropertychange失效的情况:

  oninput事件:

  (1)当脚本中改变value时,不会触发;

  (2)从浏览器的自动下拉提示中选取时,不会触发;

  onpropertychange事件:

  当input设置为disable=true后,不会触发。