js怎么設置鼠標位置
js怎么設置鼠標位置
在前段使用JavaScript開發(fā)獲取鼠標當前位置來計某個功能，如何獲取鼠標當前的位置，其實很多人都不知道怎么做，為此學習啦小編為大家整理推薦了相關的知識，希望大家喜歡。
js設置鼠標位置的方法
新建一個html代碼頁面，在這個html頁面找到<body>,然后在這個<body>里創(chuàng)建一個用來顯示坐標位置的<div>,并給這個<div>添加一個id。如圖
創(chuàng)建<div>的代碼：
<div id="point-loc"></div>
使用pageX、pageY獲取鼠標當前位置。在<title>標簽后面新建一個<script>，創(chuàng)建鼠標移動時獲取鼠標當前的位置。如圖：
js代碼：
<script type="text/javascript">
document.onmousemove = function(e){
var loc = "當前位置 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獲取鼠標位置</title>
<script type="text/javascript">
document.onmousemove = function(e){
var loc = "當前位置 x:"+e.pageX+",y:"+e.pageY
document.getElementById("point-loc").innerHTML = loc;
}
</script>
</head>
<body>
<div id="point-loc"></div>
</body>
</html>
js怎么設置鼠標位置相關文章：