Add event handler to HTML element using javascript

by

You can add event listener.
Smth. like this: 

 var el = document.getElementById("p1");
if (el.addEventListener) {
        el.addEventListener("click", yourFunction, false);
    } else {
        el.attachEvent('onclick', yourFunction);
    }

(thanks @Reorx)

Explanation Here

Complete code (tested in Chrome&IE7): 

<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1255">
        <script type="text/javascript">
            window.onload =function (){
            var el = document.getElementById("p1");
            if (el.addEventListener) {
                el.addEventListener("click", yourFunction, false);
            } else {
                el.attachEvent('onclick', yourFunction);
            }
            };
            function yourFunction(){
                alert("test");
            }
        </script>
    </head>
    <body>
        <p id="p1">test</p>

    </body>
</html>

More Related Contents:

  1. I need to make my bot in tic tac toe turn off after a certain amount of moves
  2. Dynamically adding div on button click and changing Id of each?
  3. How to generate event handlers with loop in Javascript? [duplicate]
  4. How can I use backslashes (\) in a string?
  5. How to open a Bootstrap modal window using jQuery?
  6. How do I redirect with JavaScript? [duplicate]
  7. Function declarations inside if/else statements?
  8. Open URL in same window and in same tab
  9. Alternative to jQuery’s .toggle() method that supports eventData?
  10. Get Character value from KeyCode in JavaScript… then trim
  11. Why is let slower than var in a for loop in nodejs?
  12. HTML : draw table using innerHTML
  13. ESLint with React gives `no-unused-vars` errors
  14. Understanding execute async script in Selenium
  15. How to get datetime in JavaScript?
  16. keypress and keyup – why is the keyCode different?
  17. Scrape web pages in real time with Node.js
  18. How to synchronize scrolling positions for several iframes
  19. What Is A Text Node, Its Uses? //document.createTextNode()
  20. jQuery/Javascript to detect OS without a plugin?
  21. get all the href attributes of a web site [duplicate]
  22. MediaRecorder.stop() doesn’t clear the recording icon in the tab
  23. Jquery click event not firing on the element created dynamically using jquery
  24. Regular Expression for accurate word-count using JavaScript
  25. Using lodash to compare jagged arrays (items existence without order)
  26. How to iterate using ngFor loop Map containing key as string and values as map iteration
  27. How to listen for child window closing?
  28. WooCommerce: trigger event after change of variation
  29. JSLint: Using a function before it’s defined error
  30. Animating backgroundColor in React Native

Leave a Comment