ICT Solutions
25 Jun 2022, 11:41:01
Category : JavaScript Tutorials
JS Event Listener 2
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<button type = "button" id = "event">Try It</button>
<p id = "demo"></p>
<script>
var x = document.getElementById("event");
x.addEventListener("mouseover", jsFun1);
x.addEventListener("mousedown", jsFun2);
x.addEventListener("mouseout", jsFun3);
function jsFun1(){
document.getElementById("demo").innerHTML += "Mouse Over<br />";
}
function jsFun2(){
document.getElementById("demo").innerHTML += "Mouse Down<br />";
}
function jsFun3(){
document.getElementById("demo").innerHTML += "Mouse Out<br />";
}
</script>
</body>
</html>
Comments:
No comment to show.