Jassif Team Institution

எடுத்துக்காட்டு

<div id="box" style="width:200px;height:100px;padding:16px;border:1px solid #000;">
Move mouse over this box
</div>

<script>
const box = document.getElementById("box");

// Let box listen for mouseover
box.addEventListener("mouseover", function () {
  box.innerHTML = "Mouse is over me!";
});

// Let box listen for mouseout
box.addEventListener("mouseout", function () {
  box.innerHTML = "Move is out!";
});
</script>

எடுத்துக்காட்டு

event.clientX மற்றும் event.clientY ஐப் பயன்படுத்துதல்

<p id="demo">Move the mouse in this window!</p>

<script>
// Let document listen for mousemove
document.addEventListener("mousemove", function (event) {
  document.getElementById("demo").innerHTML =
  "X: " + event.clientX + " Y: " + event.clientY;
});
</script>