首頁  >  文章  >  web前端  >  js中對事件的理解

js中對事件的理解

零下一度
零下一度原創
2017-06-26 11:43:221337瀏覽

事件(event)

1.什麼是JavaScript事件?

  事件是文件或瀏覽器中發生的特定互動瞬間。

2.事件流

  事件流描述的是從頁面中接受事件的順序,包含IE提出的事件冒泡流與Netscape提出的事件捕獲流。瀏覽器預設的是事件冒泡流。

  兩個想法:

  IE的事件流叫做事件冒泡,即事件開始時由最具體的元素接受,然後逐級向上傳播到較為不具體的節點。

   Netscape團隊提出的另一種事件流叫做事件擷取。事件捕獲的想法是不太具體的DOM節點應該更早接收到事件,而最具體的節點應該最後接收到事件。

3.事件處理程序

  為事件指定處理程序的方式有好幾種。 HTML事件處理程序。 即我們直接在HTML程式碼中加入事件處理程序,

  eg:   

#    <script></p> <p>        function showmsg(){</p>##    #     }   <p></p>    < /script><p></p>  從上面的程式碼我們可以看出,事件處理是直接嵌套在元素裡頭的,這樣有一個毛病:就是html程式碼和js的耦合性太強,如果哪一天我想要改變js中showmsg,那麼我不但要再js中修改,我還需要到html修改。 <p></p>  (1)DOM0級事件處理程序<p>     即為指定物件新增事件處理, 如:</p>       <input id="btn2" value="=" <p>     <script><br>       var btn2= scriptument.getElementById("bb2");<br>       新      alert("DOM0級新增事件處理");<br> } <br>       btn.onclick=null;//如果想要刪除btn2的點擊事件,將其置為null即可<br>   </script>

DOM2級事件處理程序DOM2級事件定義了兩個方法,用於處理指定和刪除事件處理程序的操作:addEventListener()和removeEventListener()。所有DOM節點包含這兩個方法,而且它們都接受3個參數:要處理的          事件名,並做為事件處理程序的函數和一個布林值。最後這個參數如果是true,表示在捕獲階段呼叫事件處理程序;如果是fasle,表示在冒泡階段呼叫事件處理程序。

 

以上是js中對事件的理解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn