jS獲取鼠標(biāo)坐標(biāo)、獲取鼠標(biāo)像素點(diǎn)
學(xué)前端的同學(xué)們你們知道怎么通過(guò)jS獲取鼠標(biāo)坐標(biāo)、獲取鼠標(biāo)像素點(diǎn)嗎?下面是學(xué)習(xí)啦小編收集整理關(guān)于通過(guò)jS獲取鼠標(biāo)坐標(biāo)、獲取鼠標(biāo)像素點(diǎn)嗎的資料以供大家參考學(xué)習(xí)，希望大家喜歡。
JS獲取鼠標(biāo)坐標(biāo)，獲取鼠標(biāo)像素點(diǎn)的典型實(shí)例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JavaScript獲取鼠標(biāo)坐標(biāo)</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
.tip {
width:200px;
border:2px solid #ddd;
padding:8px;
background:#f1f1f1;
color:#666;
}
</style>
<script type="text/javascript">
function mousePos(e){
var x,y;
var e = e||window.event;
return {
x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,
y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop
};
};
function test(e){
document.getElementById("mjs").innerHTML = mousePos(e).x+','+mousePos(e).y;
};
</script>
</head>
<body>
<div id="mjs" class="tip">源碼愛(ài)好者</div>
<div id="test" style="width:1000px;height:1000px;background:#ccc;" onmousemove="test(event)"></div>
</body>
</html>
jS獲取鼠標(biāo)坐標(biāo)、獲取鼠標(biāo)像素點(diǎn)相關(guān)文章：