recherche

Maison >interface Web >js tutoriel >javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足_jquery

javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足_jquery

WBOY
WBOYoriginal
2016-05-16 18:16:271064parcourir

onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性!

在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何变化时,能立即触发此事件.

这样一来问题就解决了.

那其他浏览器呢,onpropertychange可是IE的专利. 接下来就是oninput事件了.

但是oninput有个诡异,必须用addEventListener的方式来绑定事件.否则无效.

好了, 以下是演示例子, 主流浏览器都没问题:

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：javascript Array对象基础知识小结_javascript技巧Article suivant：javascript正则表达式中参数g(全局)的作用_javascript技巧

Articles Liés

Voir plus