There are 2 examples that adding a click event listener:
var h = document.getElementById(“a”); .onclick = dothing1; .addEventListener(“click”, dothing2);
The code above resides together in a separate .js file, and they both work perfectly.
But I wonder what the difference between them is?
addEventListener() methods functionality are same. But the difference between that is below.
We can use onclick method only on elements like button element(<button>), anchor element(<a>). But we can not use it directly on div(<div></div>) element, span element etc.
We can use addEventListener in every elements by register that element in addEventListener() method.
- 1Bitbucket and Visual Studio
- 1How to dump and restore database in MongoDB
- 1How to compress and extract files/folders using the tar command on Ubuntu
- 5What is "marquee" tag and how I can use it in HTML?
- 1Generating a series of colors between two colors
- 1How To Create a New User and Grant Permissions in MySQL
- 1What is the difference between setTimeout and setInterval?
- 3What's the difference between using “let” and “var”?
- 1Abstract and Virtual Methods
- 1What is PATH, and when to use it in C++
- 1How to make my footer cover 100% height and width of the page from top?