js中的onchange事件
刚开始接触 onchange 事件就开始幻想能做很多炫酷的事情，但是初学JS时知识不够全⾯，⼒不从⼼。对于onchange事件还不够了解。onchange事件被描述为作⽤域的内容被改变时触发；
复制快捷键ctrl加什么天玑9000相当于骁龙多少的性能看了⼀些资料原来 onchange 在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件；
如果需要及时监听输⼊框值的变化，可以使⽤onpropertychange事件但此⽅法仅限于IE；
⾮IE 下可以⽤ oninput事件来监听，但需要通过添加 addEvevtListener（）进⾏注册；
举例如下：
<script type="text/javascript">
var element = ElementById("mytext"); //获取元素对象
if("\v"=="v") { //判断是否IE浏览器
房屋遗产税 //if(/st(navigator.userAgent)) //ie浏览器
propertychange = myfun; //IE的话添加onpropertychange 事件
中秋祝福简短最新 }
else{
element.addEventListener("input",myfun,false); //⾮IE的话⽤ addEventListener 添加监听事件
初中语文教研组计划 }
高达之星辰挽歌 function myfun(){
ElementById('mytext').value);
}
</script>
上⾯是JS函数的写法~直接在页⾯的话就是：
<input type="text" name="mytext" oninput=" myfun();" onpropertychange=" myfun();" />
补充回答：
再补充下关于⼏个事件的区别：
1、onchange事件与onpropertychange事件的区别：
onchange事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发；onpropertychange事件却是实时触发，即每增加或删除⼀个字符就会触发，通过js改变也会触发该事件，但是该事件IE专有。
2、oninput事件与onpropertychange事件的区别：
oninput事件是IE之外的⼤多数浏览器⽀持的事件，在value改变时触发，实时的，即每增加或删除⼀个字符就会触发，然⽽通过js改变value 时，却不会触发；onpropertychange事件是任何属性改变都会触发的，⽽oninput却只在value改变时触发，oninput要通过addEventListener()来注册，onpropertychange注册⽅式跟⼀般事件⼀样。（此处都是指在js中动态绑定事件，以实现内容与⾏为分离）3、oninput与onpropertychange失效的情况：
（1）oninput事件：a). 当脚本中改变value时，不会触发；b). 从浏览器的⾃动下拉提⽰中选取时，不会触发。
（2）onpropertychange事件：当input设置为disable=true后，onpropertychange不会触发。
参考了⼤神的内容 wwwblogs/ChenRunCheng/p/3649896.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论