我想知道输入元素是否已经改变,我了解到我可以在IE中监听onpropertychange,在其他浏览器中监听oninput.
这是我的代码:
var _addChangedProperty = function(input){
input.changed = false;
var oninput = function(){
this.changed = !!this.value;
if(this.changed){
this.style.color = "black";
}
};
input.onpropertychange = input.oninput = oninput;
};
现在我想改变input.onpropertychange = input.oninput = oninput; addEventListerner和attachEvent,我需要检查是否支持onpropertychange事件,我怎么能这样做(没有浏览器检测)?
最佳答案
您可以使用in运算符进行检查:
"onpropertychange" in input
这种功能测试在旧版本的Firefox中不起作用,它报告与事件确实存在的事件处理程序属性相对应的错误事件,但这不是问题,因为Firefox目前不支持propertychange事件,并且不太可能在将来.
这是一些背景:http://perfectionkills.com/detecting-event-support-without-browser-sniffing/
另一点:您需要单独的函数来处理propertychange和输入事件,因为在propertychange处理程序中,您需要检查它是否是已更改的value属性.否则,您将最终处理对输入的任何属性的更改.
input.onpropertychange = function(evt) {
evt = evt || window.event;
if (evt.propertyName == "value") {
// Do stuff here
}
};
原文地址:https://www.jb51.cc/js/429480.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。