<!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>
<!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>