js怎么設(shè)置鼠標(biāo)位置
js怎么設(shè)置鼠標(biāo)位置
在前段使用JavaScript開發(fā)獲取鼠標(biāo)當(dāng)前位置來(lái)計(jì)某個(gè)功能，如何獲取鼠標(biāo)當(dāng)前的位置，其實(shí)很多人都不知道怎么做，為此學(xué)習(xí)啦小編為大家整理推薦了相關(guān)的知識(shí)，希望大家喜歡。
js設(shè)置鼠標(biāo)位置的方法
新建一個(gè)html代碼頁(yè)面，在這個(gè)html頁(yè)面找到<body>,然后在這個(gè)<body>里創(chuàng)建一個(gè)用來(lái)顯示坐標(biāo)位置的<div>,并給這個(gè)<div>添加一個(gè)id。如圖
創(chuàng)建<div>的代碼：
<div id="point-loc"></div>
使用pageX、pageY獲取鼠標(biāo)當(dāng)前位置。在<title>標(biāo)簽后面新建一個(gè)<script>，創(chuàng)建鼠標(biāo)移動(dòng)時(shí)獲取鼠標(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頁(yè)面所有代碼：
<!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)文章：
2.怎么用js獲取鼠標(biāo)移動(dòng)坐標(biāo)
3.js怎么獲取鼠標(biāo)在div中的相對(duì)位置