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

Trình soạn thảo - Chạy thử Sự kiện onmousemove gán trực tiếp trong JavaScript

Kết quả - 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>