js怎么設(shè)置鼠標(biāo)位置
js怎么設(shè)置鼠標(biāo)位置
在前段使用JavaScript開發(fā)獲取鼠標(biāo)當(dāng)前位置來計某個功能，如何獲取鼠標(biāo)當(dāng)前的位置，其實很多人都不知道怎么做，為此學(xué)習(xí)啦小編為大家整理推薦了相關(guān)的知識，希望大家喜歡。
js設(shè)置鼠標(biāo)位置的方法
新建一個html代碼頁面，在這個html頁面找到<body>,然后在這個<body>里創(chuàng)建一個用來顯示坐標(biāo)位置的<div>,并給這個<div>添加一個id。如圖
創(chuàng)建<div>的代碼：
<div id="point-loc"></div>
使用pageX、pageY獲取鼠標(biāo)當(dāng)前位置。在<title>標(biāo)簽后面新建一個<script>，創(chuàng)建鼠標(biāo)移動時獲取鼠標(biāo)當(dāng)前的位置。如圖：
js代碼：
<script type="text/javascript">
document.onmousemove = function(e){
var loc = "當(dāng)前位置 x:"+e.pageX+",y:"+e.pageY
document.getElementById("point-loc").innerHTML = loc;
}
</script>
保存html后使用瀏覽器打開即可看到效果。如圖：
4頁面所有代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js獲取鼠標(biāo)位置</title>
<script type="text/javascript">
document.onmousemove = function(e){
var loc = "當(dāng)前位置 x:"+e.pageX+",y:"+e.pageY
document.getElementById("point-loc").innerHTML = loc;
}
</script>
</head>
<body>
<div id="point-loc"></div>
</body>
</html>
js怎么設(shè)置鼠標(biāo)位置相關(guān)文章：