YouTip

element with id="demo": ```javascript document.getElementById("myBtn").addEventListener("click", function(){ document.getElementById("demo").innerHTML = "Hello World"; }); [Try it »](#) * * * ## Definition and Usage The addEventListener() method is used to attach an event handler to a specified element. **Tip:** Use the [removeEventListener()](#) method to remove event handlers added with the addEventListener() method. * * * ## Browser Support The numbers in the table specify the first browser version that fully supports the method. | Method | | | | | | | --- | --- | --- | --- | --- | --- | | addEventListener() | 1.0 | 9.0 | 1.0 | 1.0 | 7.0 | **Note:** Internet Explorer 8 and earlier IE versions do not support the addEventListener() method, and Opera 7.0 and earlier Opera versions do not either. However, for these browsers that do not support this function, you can use the **attachEvent()** method to add event handlers (see the "More Examples" section for a cross-browser solution). * * * ## Syntax _element_.addEventListener(_event_, _function_, _useCapture_) ## Parameter Values | Parameter | Description | | --- | --- | | _event_ | Required. A string that specifies the name of the event. **Note:** Do not use the "on" prefix. For example, use "click" instead of "onclick". **Tip:** All HTML DOM events can be found in our complete (#). | | _function_ | Required. Specifies the function to run when the event occurs. The event object is passed to the function as the first argument. The type of event object depends on the specific event. For example, the "click" event belongs to the MouseEvent object. | | _useCapture_ | Optional. A Boolean value that specifies whether the event should be executed in the capturing or in the bubbling phase. Possible values: * true - The event handler is executed in the capturing phase * false- false- Default. The event handler is executed in the bubbling phase | ## Technical Details | DOM Version: | DOM Level 2 Events | | --- | --- | | Return Value: | No return value | | Note: | The useCapture parameter is optional in Firefox 6 and Opera 11.60. (It has always been optional in Chrome, IE, and Safari). | * * * ## More Examples ## Example You can refer to an external function by its function name. This example demonstrates how to execute a function when the user clicks on a