Javascript Mouseover Element

Published 4 Jun, 2020


How to add mouseover func in Javascript

How to properly add mouseover functionality in javascript. You can add onmouseover keyword argument in the element.

<div onmouseover="processMouseOver(this)">
    Your Children Element Here.
</div>

Make sure to call this then only function accepts element as argument otherwise will be null.

This is how the javascript code look like.

function processMouseOver(element) {
    console.log(element)
}

addEventListener works only if the element is already available in the DOM. If you add new element append to the DOM then chances are the addEventListener will not work.

This article published under development on javascript tags. Please support me by subscribing to my Newsletter. By subscribing you will not miss any future articles in this category.