如何检测事件是否为浏览器事件

How to detect if the event is a browser event or not

本文关键字：事件 是否 浏览器 检测 何检测      更新时间：2023-09-26

如何根据名称(例如click)测试事件是否为浏览器事件(例如click, load, blur等)?(and no I'm not using jQuery/mootools/prototype/dojo)

:

在这个函数中，我附加浏览器事件(click和load)，例如:

observe: function(elements, eventName, callback) {
  if (!(elements.length != null)) {
    elements = [elements];
  }
  return this.each(elements, function(e) {
    if (helper.hooks.eventObserved != null) {
      helper.hooks.eventObserved(eventName, callback, e);
    }
    if (typeof e === 'string') {
      e = this.el(e);
    }
    if (e.addEventListener) {
      return e.addEventListener(eventName, callback, false);
    } else if (e.attachEvent) {
      return e.attachEvent("on" + eventName, callback);
    }
  });
},

触发事件:

fire: function(elements, eventName) {
  if (!(elements.length != null)) {
    elements = [elements];
  }
  return this.each(elements, function(e) {
    var evt;
    if (document.createEventObject != null) {
      evt = document.createEventObject();
      return e.fireEvent("on" + eventName);
    } else {
      evt = document.createEvent('HTMLEvents');
      evt.initEvent(eventName, true, true);
      return !e.dispatchEvent(evt);
    }
  });
},

但是我想要的是测试事件是否存在，例如click是一个浏览器事件，但login不是，所以我该如何测试?

看看这个解决方案由jury Zaytsev(现场演示)。

jQuery本身使用它

您可以检查函数/对象element["on"+event]是否存在:

<a href="http://www.google.com" id="myAnchor">test</a>
<script>
function doesElementHaveEvent(element, event){
    return (typeof element["on"+event] != typeof undefined);
}
alert(doesElementHaveEvent(document.getElementById("myAnchor"), "click")); // true
alert(doesElementHaveEvent(document.getElementById("myAnchor"), "login")); // false
</script>
相关文章：