//設定 id="button" 元素的 click 事件
$('button').addEvent('click',function(){
alert(this.getHTML());
});
//設定 id="button" 下所有 <a> 元素群的 click 事件
$$('#button a').addEvent('click',function(e){
alert(this.getHTML());
});
//設定 id="button" 元素的 click 與 mouseover 事件
$('button').addEvents({
'click': function(e){
alert('click');
},
'mouseover': function(e){
alert('mouseover');
}
});
//移除 id="button" 元素上的 click 事件
$('button').removeEvents('click');
//執行 id="button" 元素上的 click 事件
$('button').fireEvent('click');
其他事件名稱:
| 圖片事件 | abort | 讀取中斷 |
|---|---|---|
| error | 讀取錯誤 | |
| 焦點事件 | blur | 離開焦點 |
| focus | 取得焦點 | |
| 選單事件 | change | 選單狀態改變 |
| 滑鼠按鍵事件 | click | 點擊點選鍵 |
| dblclick | 點擊二次點選鍵 | |
| mousedown | 按下點選鍵時 | |
| mouseup | 放開點選鍵時 | |
| 鍵盤事件 | keydown | 鍵盤按下時 |
| keyup | 鍵盤放開時 | |
| 頁面讀取 | load | 讀取結束時 |
| unload | 切換頁面時 | |
| 滑鼠事件 | mouseover | 游標重疊時 |
| mouseout | 游標離開時 | |
| mousemove | 游標移動時 | |
| mouseenter | 游標進入時, 經過子元素時不觸發 | |
| mouseleave | 游標離開時, 經過子元素時不觸發 | |
| 表單事件 | submit | 表單送出時 |
| reset | 表單重置時 | |
| 捲軸事件 | scroll | 捲動時 |
| 文字選取事件 | select | 選取文字時 |
類別庫:
Element-Event.js
0 回應:
張貼留言