JS事件-對象監視事件，事件觸發函數

寫在前面：

一句話作為本文的核心思想：對象監視事件，事件觸發函數；

---

 

（一）事件

1、事件分類

（1）鼠標事件

　　click()                      鼠標單擊

　　dblclick()                   鼠標雙擊

　　mouseover()             鼠標移入事件

　　mouseout()              鼠標移出事件

　　mousemove()             鼠標移動事件

　　mousedown()            鼠標按下事件

　　mouseup()               鼠標按鍵被松開事件

　　scroll              滾動事件（body）

（2）鍵盤事件

       keydown             鍵盤按下

       keyup                  鍵盤抬起

（3）觸摸事件

       touchstart

       touchmove

　　 touchend

（4）表單事件

       submit           用戶提交表單時事件

　　 select        文本框的文本被選中

　 　focus            獲得焦點事件

　 　blur              失去焦點事件

　 　change         內容改變事件

（5）頁面加載完畢事件

       load              頁面加載完畢

2、監視事件

（1）在html標簽上，通過on來監視

    <button onclick="check()">點擊觸發事件</button>
    <script type="text/javascript">
        function check(){
            alert('hello');
        }
    </script>

（2）通過JavaScript監視用戶的行為

    <button >點擊觸發事件</button>
    <script type="text/javascript">
        oBtn = document.getElementsByTagName('button');
        oBtn[0].onclick = function check(){
            alert('hello');
        }
    </script>

（3）綁定事件監聽器

　　addEventListener(‘事件類型’,事件發生產生的行為函數,true/false)

　　attachEvent(‘事件類型’,’事件發生執行的函數’)給IE8以下的瀏覽器監視事件

---

 

這部分內容灰常簡單，記住常用的on監聽即可，記住單擊事件 click ，其他的套路都是一樣一樣的；

替換click就OK啦！