onpropertychange事件没有触发的处理方法

今天处理了一个bug,代码是另一个同事写的,遇到了这个问题,导致非ie浏览器无法使用,下面说说解决方法

首先先分析几个事件:

onpropertychange事件,顾名思义,就是property(属性)change(改变)的时候,触发事件。这是IE专有的!如果想兼容其它浏览器,有个类似的事件,oninput,还有另外一个事件,onchange。

onpropertychange会在设置disable=true的时候失效,而且onpropertychange是在触发对象改变任何属性时都会触发

onpropertychange触发函数只有一个默认参数,是所以可以触发属性的集合

oninput,onpropertychange,onchange的区别和用法

1.onchange触发事件必须满足两个条件

a)当前对象属性改变,并且是由键盘或鼠标事件激发的,如果得用javascript改变触发对象的属性时,并不能触发onchange事件;

b)当前对象失去焦点(onblur);

2.onpropertychange,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的;

3.oninput是onpropertychange的非IE浏览器版本,支持firefox和opera等浏览器,但有一点不同,它绑定于对象时,并非该对象所有属性改变都能触发事件,它只在对象value值发生改变时奏效。JS改变value时不能触发,有从浏览器的自动下拉提示中选值时,也不会触发。

兼容的写法就是需要onpropertychange(用在IE浏览器)和oninput(非IE浏览器)结合在一起同时使用。

 

附:如果想要用JavaScript设置属性

if(isIE)  
{  
    document.getElementById("wb_comment_content").onpropertychange = set_alert_wb_comment();  
}  
else //需要用addEventListener来注册事件  
{  
    document.getElementById("wb_comment_content").addEventListener("input", set_alert_wb_comment, false);  
}  

 

zhaoan

一个不起眼的IT工作者,从事过的行业较多,医疗保健、医院、月子会所、机电、重卡、软件,涉及的岗位也较多,零售、市场、平面设计、网站设计、UI设计、前端开发、后端开发、网络布线、设备维护、服务器维护、网络推广、网站运营、新媒体运营、部门管理等等,每个岗位工作基本都能独立完成,但是涉及面广导致都不精通,学习还在继续中。。。

You may also like...