How to Use `addEventListener` in Internet Explorer?

Using addEventListener in MSIE

The addEventListener method is supported in Internet Explorer, but it differs slightly from other browsers. When attempting to add an event listener using addEventListener in MSIE, you may encounter the error "Object doesn't support this property or method." This error occurs because IE uses a different method for attaching event handlers.

The Solution

To resolve this error, use attachEvent instead of addEventListener in Internet Explorer. attachEvent takes two parameters: the event name (e.g., "click") and the event handler function.

Alternatively, you can use a cross-browser implementation that checks for the availability of addEventListener and uses attachEvent if necessary. Here's an example:

<code class="javascript">if (el.addEventListener) {
  el.addEventListener(eventName, eventHandler, false); 
} else if (el.attachEvent) {
  el.attachEvent('on' + eventName, eventHandler);
}</code>

The Role of the Third Parameter

The third parameter of addEventListener is called useCapture. If set to true, it indicates that the event should be captured (bubbled up from child elements) before reaching the target element. However, this parameter has no effect in MSIE and is therefore optional.

The above is the detailed content of How to Use `addEventListener` in Internet Explorer?. For more information, please follow other related articles on the PHP Chinese website!