亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JS獲取鼠標位置距瀏覽器窗口距離的方法示例

 更新時間：2017年04月11日 11:09:59   作者：布瑞澤的童話  
這篇文章主要介紹了JS獲取鼠標位置距瀏覽器窗口距離的方法,結合實例形式分析了JS針對各種常見瀏覽器窗口及鼠標響應操作相關技巧,需要的朋友可以參考下

本文實例講述了JS獲取鼠標位置距瀏覽器窗口距離的方法。分享給大家供大家參考，具體如下：

先來看看運行效果圖：

代碼如下：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
<style type="text/css">
#test_div {
  width:400px;
  height: 400px;
  background-color: red;
}
</style>
  </head>
  <body>
  <div id="test_div"></div>
  </body>
<script type="text/javascript">
  function mousePos(e){
    e=e||window.event;
    var scrollX=document.documentElement.scrollLeft||document.body.scrollLeft;//分別兼容ie和chrome
    var scrollY=document.documentElement.scrollTop||document.body.scrollTop;
    var x=e.pageX||(e.clientX+scrollX);//兼容火狐和其他瀏覽器
    var y=e.pageY||(e.clientY+scrollY);
    console.log(x,y);
    return {x:x,y:y};
  }
  var test=document.querySelector("#test_div");
  test.onclick=function(e){
    mousePos(e);
  }
</script>
</html>

其中的document.documentElement.scrollLeft和document.body.scrollLeft分別是ie和chrome的方法，而火狐中的pageX可以直接獲取滑動的距離。

PS：這里再為大家提供兩款在線參考表工具供大家開發(fā)過程中參考使用：

javascript事件與功能說明大全：
http://tools.jb51.net/table/javascript_event

鍵盤與鼠標按鍵的鍵值對照表：
http://tools.jb51.net/table/key_codes_num

更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript事件相關操作與技巧大全》、《JavaScript窗口操作與技巧匯總》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調(diào)試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript數(shù)學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

相關文章

最新評論