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

標籤：move   type   sel   htm   button   elements   事件   mouseover   get   

寫在前面：

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

 

（一）事件

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啦！

 

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