let test = document.getElementById("test");
test.addEventListener("mouseover", function( event ) {
alert("mouse over test!")
, false);element.addEventListener('mouseover',someFunction);element.onmouseover = function() {
//Hovering
}let test = document.getElementById("test");
// This handler will be executed only once when the cursor
// moves over the unordered list
test.addEventListener("mouseenter", function( event ) {
// highlight the mouseenter target
event.target.style.color = "purple";
// reset the color after a short delay
setTimeout(function() {
event.target.style.color = "";
}, 500);
}, false);<img onmouseover="enlargeImage(this)" border="0" src="smiley.gif" alt="Smiley" width="32" height="32">
<script>
function enlargeImage(x) {
x.style.height = "64px";
x.style.width = "64px";
}
</script>// You can use jQuery
$("p").hover(function(){
$(this).css("background-color", "yellow");
}, function(){
$(this).css("background-color", "pink");
});