亚洲欧美精品沙发,日韩在线精品视频,亚洲Av每日更新在线观看,亚洲国产另类一区在线5

<pre id="hdphd"></pre>

  • <div id="hdphd"><small id="hdphd"></small></div>
      學(xué)習(xí)啦 > 學(xué)習(xí)電腦 > 電腦硬件知識(shí) > 鍵盤鼠標(biāo) > js怎么設(shè)置鼠標(biāo)位置

      js怎么設(shè)置鼠標(biāo)位置

      時(shí)間: 樂恒1051 分享

      js怎么設(shè)置鼠標(biāo)位置

        在前段使用JavaScript開發(fā)獲取鼠標(biāo)當(dāng)前位置來計(jì)某個(gè)功能,如何獲取鼠標(biāo)當(dāng)前的位置,其實(shí)很多人都不知道怎么做,為此學(xué)習(xí)啦小編為大家整理推薦了相關(guān)的知識(shí),希望大家喜歡。

        js設(shè)置鼠標(biāo)位置的方法

        新建一個(gè)html代碼頁面,在這個(gè)html頁面找到<body>,然后在這個(gè)<body>里創(chuàng)建一個(gè)用來顯示坐標(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頁面所有代碼:

        <!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)文章:

      1.js設(shè)置鼠標(biāo)光標(biāo)形狀

      2.怎么用js獲取鼠標(biāo)移動(dòng)坐標(biāo)

      3.js怎么獲取鼠標(biāo)在div中的相對(duì)位置

      4.怎么用js實(shí)現(xiàn)簡單鼠標(biāo)跟隨效果

      5.jS獲取鼠標(biāo)坐標(biāo)、獲取鼠標(biāo)像素點(diǎn)

      3293468