Javascript Event How to - Remove onmouseover event from DOM elements efficiently

Question

We would like to know how to remove onmouseover event from DOM elements efficiently.

Answer


<!DOCTYPE html>
<html>
<head>
</head><!--from w ww .j ava2s . c  om-->
<body>
  <div onclick="displayTooltip()">Click Me</div>
  <div onmouseover="displayTooltip()">Mouse Over Me</div>
  <script>
    function displayTooltip(e) {
        var evt = e || event;
        if (evt.type == 'mouseover') {
           console.log('over!');
           return;
        }
        console.log('tooltip!');
    }
</script>
</body>
</html>

The code above is rendered as follows: