Chạy thử Sự kiện onmousemove gán trực tiếp trong JavaScript

Chạy thử Sự kiện onmousemove gán trực tiếp trong JavaScript

Chạy thử Sự kiện onmousemove gán trực tiếp trong JavaScript

Tự code rồi chạy thử... Chạy Thử
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Sự kiện onmousemove gán trực tiếp trong JavaScript</title>
</head>
<style>
#ktrai{width:49%;float:left;height:auto}
#kvuong{width:100%;height:200px;float:left;line-height:200px;text-align:center;background:red;margin-bottom:10px}
</style>
<body>

<h1>Chạy thử Sự kiện onmousemove gán trực tiếp trong JavaScript</h1>
<p>Dùng để lấy tọa độ X và tọa độ Y của con trỏ chuột mỗi khi di chuyển con chuột:</p>

<div id="ktrai">
<div id="kvuong" onmousemove="layToaDo(event)">Di chuyển</div>
<p>Tọa độ X: <span id="x"></span> - Tọa độ Y: <span id="y"></span></p>
</div>

<script>
function layToaDo(e){
  var x = e.clientX;
  var y = e.clientY;
  document.getElementById("x").innerHTML = x;
  document.getElementById("y").innerHTML = y;
}
</script>

</body>
</html>
Chạy thử Sự kiện onmousemove gán trực tiếp trong JavaScript nằm trong bài viết Sự kiện onmousemove trong JavaScript