Please enable JavaScript.

Coggle requires JavaScript to display documents.

Java Script (DOM (Element (滑鼠 (滑鼠相對於瀏覽器的座標 clientX 、 clientY, 滑鼠相對於頁面的座標…

- - - - 滑鼠相對於瀏覽器的座標 clientX 、 clientY
      - 滑鼠相對於頁面的座標 pageX 、 pageY
      - 滑鼠相對於作用元素的座標 offsetX 、 offsetY
      - 滑鼠相對於螢幕的座標 screenX 、 screenY
      - 右鍵點擊 rightclick
      - 右鍵選單 contextmenu
      - 左鍵點擊 click
      - 滑鼠下壓 mousedown
      - 滑鼠放開 mouseup
      - 滑鼠移至元素上方 mouseover
      - 滑鼠離開元素上方 mouseout
      - 滑鼠雙點擊 dbclick
    - - getBoundingClientRect().top
        getBoundingClientRect().bottom
        getBoundingClientRect().left
        getBoundingClientRect().right
        getBoundingClientRect().height
        getBoundingClientRect().width
        getBoundingClientRect().x 與視窗左側距離
        getBoundingClientRect().y 與視窗上方距離
    - - 元素x軸(橫軸)移動 e.scrollLeft
      - 元素y軸(縱軸)移動 e.scrollTop
  - - - webkitAnimationStart
  - - - window.onscroll 視窗滾動事件
    - - 扣掉工作區域高度.availHeight
- - - - ex.改變全部樣式 class名[i].style.color = "#e37987";
    - - ex.改變其中一個樣式 class名[數列序號].style.color = "#e37987";
  - - - 注意要加選取器的標籤
        為靜態選取，當有元素改變時不會更新當前抓取內容