1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Javascript 如何监听input输入框值的实时变化

Javascript 如何监听input输入框值的实时变化

时间:2020-08-04 02:16:44

相关推荐

Javascript 如何监听input输入框值的实时变化

目录

1、在元素上同时绑定 oninput 和onporpertychanger事件2. 使用原生js添加监听事件3. 使用jQuery方法绑定事件

1、在元素上同时绑定 oninput 和onporpertychanger事件

<script type="text/JavaScript">function aa(e){alert("inputting!!");}</script><input type="text" id="a" oninput="aa(event)" onporpertychange="aa(event)" />

2. 使用原生js添加监听事件

<script type="text/javascript">$(function(){if("\v"=="v"){//true为IE浏览器,感兴趣的同学可以去搜下,据说是现有最流行的判断浏览器的方法document.getElementById("a").attachEvent("onporpertychange",function(e){console.log("inputting!!");}}else{document.getElementById("a").addEventListener("onporpertychange",function(e){console.log("inputting!!");}}});</script><input type="text" id="a"/>

3. 使用jQuery方法绑定事件

<script type="text/javascript">$(function(){$("#a").bind('input porpertychange',function(){console.log("e");});});</script><input type="text" id="a"/>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。