javascript的事件響應

標籤：value   控制代碼   滑鼠   跳轉   seo   函數   接受   超連結   image   

JavaScript建立動態網頁面中可以被JavaScript監聽到的行為就是事件。

觸發點擊事件一般就是在HTML中建立一個按鈕 例：<input name="button" type="button" value="按鈕" onclick="函數名()">

點擊這個按鈕就會觸發onclick內的函數。

滑鼠經過和移開都可以在文本中加入onmouseover="函數名()"onmouseoue="函數名",就可以實現滑鼠經過和移開觸發的事件。

onchange和onselect在文字框內使用的，onchange是文字框內的內容被改變就會觸發的。

onfocus當游標聚集的時候才會觸發 onblur是游標先聚集然後移開就會觸發。

onload是在載入頁面的時候觸發的事件。 onunload是在離開頁面的時候觸發的事件。

事件流：描述頁面中接受事件的順序。

事件冒泡是從最具體的元素到最不具體的元素(文檔)。

事件捕獲:是從最不具體的元素到最具體的元素。

事件對象：產生DOM事件時都會產生一個事件對象。一般用event。

事件對象event可以擷取事件的類型和目標。

event.type擷取事件的類型，這個事件時什麼類型的點擊事件還是滑鼠滑過事件等等。這就是擷取事件類型。

event.target擷取事件的目標，這個事件目標就是擷取這個事件的元素節點。按鈕事件返回的就是按鈕的DOM節點。

事件冒泡行為：例：在div標籤內有一個button標籤,兩個標籤都有對應的事件。如果點擊按鈕時先執行button按鈕的事件然後還會執行div標籤內的事件，button按鈕是最具體元素慢慢往上傳遞經過div然後到body到HTML所以就會出現事件冒泡行為。可以通過event事件中阻止事件冒泡行為來實現操作button不會使div中的事件觸發，event.stopPropagation();就可以阻止事件冒泡行為。

阻止事件預設的行為:比如在a標籤內寫入一個超連結，點擊a標籤內的文字就會出現跳轉，那麼如果想阻止這個跳轉行為就可以使用event事件的阻止事件預設行為的方法。event.preventDefault();擷取a標籤的id然後通過控制代碼添加函數函數內使用阻止事件預設的行為來。

 

javascript的事件響應