今天处理了一个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);
}
文章评论