一、事件類型
例如：mouseover鼠標移動到、keydown鍵盤按下
二、事件目標
是發生的事件或與之相關的對象，window、document和Element對象是最常見的事件目標
三、事件對象
是與特定事件相關且包含有關該事件詳細信息的對象
用來指定事件類型的屬性type
用來指定事件目標的屬性target
四、事件類型
鼠標事件
- ‘mousedown’ – 鼠標設備按下一個元素的時候觸發mousedown事件。
- ‘mouseup’ – 鼠標設備從按下的元素上彈起的時候觸發mouseup事件。
- ‘click’ – 鼠標點擊元素的時候觸發click事件。
- ‘dblclick’ – 鼠標雙擊元素的時候觸發dblclick事件。
- ‘mousemover’ – 鼠標移動到某元素上的時候觸發mousemove事件。
- ‘mouseout’ – 鼠標從某元素離開的時候觸發mouseout事件。
- ‘mousemove’ – 鼠標在某元素上移動但未離開的時候觸發mousemove事件。
- mousewheel：當使用滾輪時觸發
- contextmenu：顯示菜單時會觸發些事件
- detail：對於click事件來講他指定了是單擊還是雙擊還是三擊
- altKey、ctrlKey、metakey和shiftKey：組合鍵當鍵盤按下這幾個按鈕時返回 true
鍵盤事件
- ‘keypress’ – 按鍵按下的時候觸發該事件。
- ‘keydown’ – 按鍵按下的時候觸發該事件，並且在keypress事件之前。
- ‘keyup’ – 按鍵松開的時候觸發該事件，在keydown和keypress事件之后。
表單事件
- ‘select’ – 文本字段（input, textarea等）的文本被選擇的時候觸發該事件。
- ‘change’ – 控件失去input焦點的時候觸發該事件（或者值被改變的時候）。
- ‘submit’ – 表單提交的時候觸發該事件。
- ‘reset’ – 表單重置的時候觸發該事件。
- ‘focus’ – 元素獲得焦點的時候觸發該事件，通常來自鼠標設備或Tab導航。
- ‘blur’ – 元素失去焦點的時候觸發該事件，通常來自鼠標設備或Tab導航。
window事件
- ‘load’ – 頁面加載完畢（包括內容、圖片、frame、object）的時候觸發該事件。
- ‘resize’ – 頁面大小改變的時候觸發該事件（例如瀏覽器縮放）。
- ‘scroll’ – 頁面滾動的時候觸發該事件。
- ‘unload’ – 從頁面或frame刪除所有內容的時候觸發該事件（例如離開一個頁面）。
五、注冊事件處理程序
addEventListener()：標准模式下，ie8之前
attachEvent()：ie8之前
移事件事偵聽
removeEventListener()
removeattchEvent();
六、事件處理程序
一旦注冊了事件處理，瀏覽器會在指定對象上發生指定類型事件時自動調用它。
通常調用事件處理程序時事件對象作為一個參數，
function handler(event){
event = event || window.event;
}
七、取消默認事件
preventDefault()：阻止默認事件
1、eturn false 與 event.preventDefault()的區別：
event.stopPropagation(); // 事件停止冒泡到，即不讓事件再向上傳遞到document，但是此事件的默認行為仍然被執行，如點擊一個鏈接，調用了
event.stopPropagation()，鏈接仍然會被打開。
event.preventDefault(); // 取消了事件的默認行為，如點擊一個鏈接，鏈接不會被打開，但是此事件仍然會傳遞給更上一層的先輩元素。
在事件處理函數中使用 return false; 相當於同時調用了event.stopPropagation()和event.preventDefault()，事件的默認行為不會被執行，事件也不會冒泡向上傳遞。
八、阻止冒泡事件
if(event.stopPropagation){
event.StopPropagation(); // 非ie
}
else{
event.cancelBubble = true; // ie
}
九、文檔加載事件
當文檔加載解析完畢且所有延遲腳本 都執行完畢時會觸發DOMContentLoaded事件，此時圖片和異步腳本可能依舊在加載
1、事件DOMContentLoaded與load的區別：
先看這兩句代碼：
window.addEventListener(‘load’, loaded, false);
document.addEventListener(‘DOMContentLoaded’, loaded, false);
問題回顧：
這問題可把我郁悶死了，網上找的一個demo里頭，他把樣式直接用style內聯（這種引進方式是dom方式）進來，然后用DOMContentLoaded來處理js，本來是沒問題的。
但是當你把內聯的樣式寫在一個外聯的樣式文件里頭然后再進來的時候，問題就出現了。
什么原因？
DOMContentLoaded在外聯樣式加載前（dom加載完后）就觸發了，外聯的樣式還沒來得及渲染dom，這樣導致DOMContentLoaded捕獲的狀態是外聯樣式渲染前的狀態。
改變窗口大小可以重新觸發樣式的渲染，所以會形成一個假象：
頁面進來的時候某個被樣式定義過高度的元素的offsetHeight在你改變一下窗口（或者別的可以引起reflow的操作）時，js獲取的這個offsetHeight居然不一樣的，而在我們看來頁面進來時跟窗口改變后，元素本身就沒發生高度變化。
總結：
load事件是在頁面所有元素都加載完后觸發；
DOMContentLoaded，它是指dom tree加載完就觸發。這個事件要小心使用，當然它是個強大的事件，起碼用上它在某一層面上防止了頁面加載被堵塞。
十、MouseEvent
button：0表示左健、1表示中間鍵、2表示右鍵
chientX、chilentY：表示鼠標指針相對於客戶區或瀏覽器窗口的X坐標和Y坐標
screenX、screenY：鼠標指針相對於用戶顯示器的左上角X坐標和Y坐標
十一、IE Event
type：返回發生事件的類型
srcElement：發生事件的文檔元素。與DOM Event對象的target兼容
勿重復檢測瀏覽器
// 事件偵聽方式1
function addEvent(el, type, fn){
if(el.addEventListener){
el.addEventListener(type, fn, false);
}else{
el.attachEvent('on'+type, fn)
}
}
// 事件偵聽方式2
var addEvent = document.addEventListener ?
function(el, type, fn) {el.addEventListener(type, fn, false);} :
function(el, type, fn) {el.attachEvent('on'+type, fn)};
// 此方式與以上的方式來偵聽方式相同，此代碼不兼容ie6
var obj = document.getElementById("ss");
obj.onclick = function(){
alert("aa");
}
1、捕捉按鍵的兼容代碼：
|
1
2
3
4
5
6
7
8
9
|
document.onkeydown=keydown;
function keydown(
event
)
{
if
( !
event
)
event
= window.
event
;
fasdf
var
keycode =
event
.KeyCode |
event
.Which;
alert(keycode);
}
|
2、window.event只能在ie上執行
1 document.getElementById('btn1').onclick = function(event){
2 var e = event || window.event;
3 var target = e.srcElement || e.target; // 火狐只能用 event.target,IE只能用event.srcElement
4 alert(target.innerHTML);
5 }
$("#text").click(function(){
alert($(this).attr("aa")); // $(this)相當於event.srcElement || event.target;
})
二、獲取中文的uncode編碼 使用escape和unescape來進行編碼
$(function(){
var
str =
'\u6e56\u5357'
;
alert(unescape(str));
// 輸出 湖南
var
str =
'湖南'
;
alert(escape(str));
// 輸出 \u6e56\u5357
})
|
三、事件綁定
事件綁定的3中常用方法：傳統綁定、W3C綁定方法、IE綁定方法。但是，在實際開發中對於我們來講重要的是需要一個通用的、跨瀏覽器的綁定方法。如果我們在互聯網上搜索一下會發現許多方法，一下是比較知名的幾種方法：
創建偵聽：
1 // 公用腳本 綁定事件-判斷瀏覽器兼容
2 function addEvent(obj,evtType,func,cap){
3 cap = cap || false;
4 if(obj.addEventListener){ // w3c標准兼容
5 obj.addEventListener(evtType,func,cap);
6 return true;
7 }
8 else if(obj.attachEvent){ // IE兼容
9 if(cap){
10 obj.setCapture();
11 return true;
12 }
13 else{
14 return obj.attachEvent("on" + evtType,func);
15 }
16 }
17 else{ // 其它瀏覽器
18 return false;
19 }
20 }
21
22 addEvent(window, "resize", AdMoveConfig.Resize);
23 addEvent(window, "scroll", AdMoveConfig.Scroll);
解除偵聽：
1 function removeEventHandler(target, type, func) {
2 if (target.removeEventListener)
3 target.removeEventListener(type, func, false);
4 else if (target.detachEvent)
5 target.detachEvent("on" + type, func);
6 else delete target["on" + type];
7 }
1 removeEventHandler(Button1, "click", test);
完整代碼：
View Code
四、鍵盤事件
1、首先需要知道的是：
1、keydown()
keydown事件會在鍵盤按下時觸發.
2、keyup()
keyup事件會在按鍵釋放時觸發,也就是你按下鍵盤起來后的事件
3、keypress()
keypress事件會在敲擊按鍵時觸發,我們可以理解為按下並抬起同一個按鍵
2、獲得鍵盤上對應的ascII碼：
|
1
2
3
|
$(document).keydown(function(
event
){
alert(
event
.keyCode);
});
|
3、實例（當按下鍵盤上的左右方面鍵時）
<div style=
"width:30px; height: 30px; border: 1px #ccc solid; left: 0px; top:0px; position: absolute;"
id=
"bl"
></div>
<div id=
"test"
></div>
$(function(){
$(document).keydown(function(
event
){
var
slef = $(
'#bl'
);
var
_l = slef.css(
'left'
);
$(
'#test'
).html(_l);
//判斷當event.keyCode 為37時（即左方面鍵），執行函數to_left();
//判斷當event.keyCode 為39時（即右方面鍵），執行函數to_right();
if
(
event
.keyCode == 37){
slef.css(
'left'
, parseInt(_l)-5+
'px'
);
}
if
(
event
.keyCode == 39){
slef.css(
'left'
, parseInt(_l)+5+
'px'
);
}
})
})
|
4、組合鍵
<div style=
"width:30px; height: 30px; border: 1px #ccc solid; left: 0px; top:0px; position: absolute;"
id=
"bl"
></div>
<div id=
"test"
></div>
<script type=
"text/javascript"
>
$(function(){
$(document).keydown(function(
event
){
// alert(event.keyCode); // 輸入鍵盤碼
var
slef = $(
'#bl'
);
var
_l = slef.css(
'left'
);
$(
'#test'
).html(_l);
if
(
event
.ctrlKey &&
event
.keyCode == 73){
// 組合鍵ctrl+i
slef.css(
'left'
, parseInt(_l)-5+
'px'
);
}
if
(
event
.keyCode == 39){
slef.css(
'left'
, parseInt(_l)+5+
'px'
);
}
})
})
</script>
|
5、偵聽ctrl鍵
$(function(){
$(document).keydown(function(
event
){
if
(
event
.ctrlKey){
//（ctrlKey和metaKey等效：都是監測）按下ctrl返回turn，按下非ctrl鍵返回false；
$(
'#test'
).html(
'已按下'
);
}
})
})
|
6、鍵盤系列操作
$(function(){
$(document).keydown(function (
event
) {
//$('#test').html(event.keyCode); // 輸入鍵盤碼
/*
var e = event || window.event;
var k = e.keyCode || e.which;
*/
var
e =
event
|| window.
event
;
// 獲取window.event ie兼容
var
k = e.keyCode || e.which;
// 獲取按鍵碼
switch
(k) {
case
69:
$(
'#test'
).html(
'e'
);
break
;
case
81:
$(
'#test'
).html(
'q'
);
break
;
case
82:
$(
'#test'
).html(
'r'
);
break
;
case
87:
$(
'#test'
).html(
'w'
);
break
;
default
:
$(
'#test'
).html(
'不對'
);
break
;
}
})
});
|
五、JS中判斷鼠標按鍵
IE
左鍵是 window.event.button = 1
右鍵是 window.event.button = 2
中鍵是 window.event.button = 4
沒有按鍵動作window.event.button = 0
Firefox
左鍵是 event.button = 0
右鍵是 event.button = 2
中鍵是 event.button = 1
沒有按鍵動作 event.button = 0
Opera 7.23/7.54
鼠標左鍵是 window.event.button = 1
沒有按鍵動作 window.event.button = 1
右鍵和中鍵無法獲取
Opera 7.60/8.0
鼠標左鍵是 window.event.button = 0
沒有按鍵動作 window.event.button = 0
右鍵和中鍵無法獲取
另外：屏蔽右鍵的是window.event.button = 3
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
$(function () {
$(document).mousedown(function(
event
){
// var e = event || window.event;
switch
(
event
.button){
case
1:
$(
'#test'
).html(
'中鍵按下'
);
break
;
case
2:
$(
'#test'
).html(
'右鍵按下'
);
break
;
case
3:
$(
'#test'
).html(
'左右鍵同時按下'
);
break
;
default
:
$(
'#test'
).html(
'沒有鍵按下'
);
break
;
}
$(
'#test1'
).html(e.button);
})
})
|
四、Event屬性：
altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX,
screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y
1.altKey
描述：
檢查alt鍵的狀態。
語法：
event.altKey
可能的值：
當alt鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
2.button
描述：
檢查按下的鼠標鍵。
語法：
event.button
可能的值：
0 沒按鍵
1 按左鍵
2 按右鍵
3 按左右鍵
4 按中間鍵
5 按左鍵和中間鍵
6 按右鍵和中間鍵
7 按所有的鍵
這個屬性僅用於onmousedown, onmouseup, 和 onmousemove 事件。對其他事件，不管鼠標狀態如何，都返回 0（比如onclick）。
3.cancelBubble
描述：
檢測是否接受上層元素的事件的控制。
語法：
event.cancelBubble[ = cancelBubble]
可能的值：
這是一個可讀寫的布爾值:
TRUE 不被上層原素的事件控制。
FALSE 允許被上層元素的事件控制。這是默認值。
例子：
下面的代碼片斷演示了當在圖片上點擊（onclick）時，如果同時shift鍵也被按下，就取消上層元素（body）上的事件onclick所引發的showSrc()函數。
<SCRIPT LANGUAGE="JScript">
function checkCancel() ...{
if (window.event.shiftKey)
window.event.cancelBubble = true;
}
function showSrc() ...{
if (window.event.srcElement.tagName == "IMG")
alert(window.event.srcElement.src);
}
</SCRIPT>
<BODY onclick="showSrc()">
<IMG onclick="checkCancel()" src="/sample.gif">
4.clientX
描述： 返回鼠標在窗口客戶區域中的X坐標。
語法： event.clientX
注釋： 這是個只讀屬性。這意味着，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
5.clientY
描述： 返回鼠標在窗口客戶區域中的Y坐標。
語法： event.clientY
注釋： 這是個只讀屬性。這意味着，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
6.ctrlKey
描述： 檢查ctrl鍵的狀態。
語法： event.ctrlKey
可能的值： 按ctrl鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
7.fromElement
描述： 檢測 onmouseover 和 onmouseout 事件發生時，鼠標所離開的元素。 參考：18.toElement
語法： event.fromElement
注釋： 這是個只讀屬性。
8.keyCode
描述： 檢測鍵盤事件相對應的內碼。
這個屬性用於 onkeydown, onkeyup, 和 onkeypress 事件。
語法： event.keyCode[ = keyCode]
可能的值： 這是個可讀寫的值，可以是任何一個Unicode鍵盤內碼。如果沒有引發鍵盤事件，則該值為 0 。
9.offsetX
描述： 檢查相對於觸發事件的對象，鼠標位置的水平坐標
語法： event.offsetX
10.offsetY
描述： 檢查相對於觸發事件的對象，鼠標位置的垂直坐標
語法： event.offsetY
11.propertyName
描述： 設置或返回元素的變化了的屬性的名稱。
語法： event.propertyName [ = sProperty ]
可能的值：
sProperty 是一個字符串，指定或返回觸發事件的元素在事件中變化了的屬性的名稱。
這個屬性是可讀寫的。無默認值。
注釋：
你可以通過使用 onpropertychange 事件，得到 propertyName 的值。
例子：
下面的例子通過使用 onpropertychange 事件，彈出一個對話框，顯示 propertyName 的值。
<HEAD>
<SCRIPT>...
function changeProp()...{
btnProp.value = "This is the new VALUE";
}
function changeCSSProp()...{
btnStyleProp.style.backgroundColor = "aqua";
}
</SCRIPT>
</HEAD>
<BODY>
<P>The event object property propertyName is
used here to return which property has been
altered.</P>
<INPUT TYPE=button ID=btnProp onclick="changeProp()"
VALUE="Click to change the VALUE property of this button"
onpropertychange='alert(event.propertyName+" property has changed value")'>
<INPUT TYPE=button ID=btnStyleProp
onclick="changeCSSProp()"
VALUE="Click to change the CSS backgroundColor property of this button"
onpropertychange='alert(event.propertyName+" property has changed value")'>
</BODY>
12.returnValue
描述： 設置或檢查從事件中返回的值
語法： event.returnValue[ = Boolean]
可能的值：
true 事件中的值被返回
false 源對象上事件的默認操作被取消
例子見本文的開頭。
13.screenX
描述： 檢測鼠標相對於用戶屏幕的水平位置
語法： event.screenX
注釋： 這是個只讀屬性。這意味着，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
14.screenY
描述： 檢測鼠標相對於用戶屏幕的垂直位置
語法： event.screenY
注釋： 這是個只讀屬性。這意味着，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
15.shiftKey
描述： 檢查shift鍵的狀態。
語法： event.shiftKey
可能的值： 按shift鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
16.srcElement
描述： 返回觸發事件的元素。只讀。例子見本文開頭。
語法： event.srcElement
17.srcFilter
描述： 返回觸發 onfilterchange 事件的濾鏡。只讀。
語法： event.srcFilter
18.toElement
描述： 檢測 onmouseover 和 onmouseout 事件發生時，鼠標所進入的元素。 參考：7.fromElement
語法： event.toElement
注釋： 這是個只讀屬性。
例子：下面的代碼演示了當鼠標移到按鈕上時，彈出一個對話框，顯示“mouse arrived”
<SCRIPT>
function testMouse(oObject) ...{
if(oObject.contains(event.toElement)) ...{
alert("mouse arrived");
}
}
</SCRIPT>
<BUTTON ID=oButton onmouseover="testMouse(this)">Mouse Over This.</BUTTON>
19.type
描述： 返回事件名。
語法： event.type
注釋： 返回沒有“on”作為前綴的事件名，比如，onclick事件返回的type是click
只讀。
20. x
描述： 返回鼠標相對於css屬性中有position屬性的上級元素的x軸坐標。如果沒有css屬性中有position屬性的上級元素，默認以BODY元素作為參考對象。
語法： event.x
注釋：
如果事件觸發后，鼠標移出窗口外，則返回的值為 -1
這是個只讀屬性。這意味着，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
21. y
描述： 返回鼠標相對於css屬性中有position屬性的上級元素的y軸坐標。如果沒有css屬性中有position屬性的上級元素，默認以BODY元素作為參考對象。
語法： event.y
注釋：
如果事件觸發后，鼠標移出窗口外，則返回的值為 -1
這是個只讀屬性。這意味着，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
| javascript事件列表解說 |
|||
| 事件 | 瀏覽器支持 | 解說 | |
| 一般事件 | onclick | IE3、N2 | 鼠標點擊時觸發此事件 |
| ondblclick | IE4、N4 | 鼠標雙擊時觸發此事件 | |
| onmousedown | IE4、N4 | 按下鼠標時觸發此事件 | |
| onmouseup | IE4、N4 | 鼠標按下后松開鼠標時觸發此事件 | |
| onmouseover | IE3、N2 | 當鼠標移動到某對象范圍的上方時觸發此事件 | |
| onmousemove | IE4、N4 | 鼠標移動時觸發此事件 | |
| onmouseout | IE4、N3 | 當鼠標離開某對象范圍時觸發此事件 | |
| onkeypress | IE4、N4 | 當鍵盤上的某個鍵被按下並且釋放時觸發此事件. | |
| onkeydown | IE4、N4 | 當鍵盤上某個按鍵被按下時觸發此事件 | |
| onkeyup | IE4、N4 | 當鍵盤上某個按鍵被按放開時觸發此事件 | |
| 頁面相關事件 | onabort | IE4、N3 | 圖片在下載時被用戶中斷 |
| onbeforeunload | IE4、N | 當前頁面的內容將要被改變時觸發此事件 | |
| onerror | IE4、N3 | 出現錯誤時觸發此事件 | |
| onload | IE3、N2 | 頁面內容完成時觸發此事件 | |
| onmove | IE、N4 | 瀏覽器的窗口被移動時觸發此事件 | |
| onresize | IE4、N4 | 當瀏覽器的窗口大小被改變時觸發此事件 | |
| onscroll | IE4、N | 瀏覽器的滾動條位置發生變化時觸發此事件 | |
| onstop | IE5、N | 瀏覽器的停止按鈕被按下時觸發此事件或者正在下載的文件被中斷 | |
| onunload | IE3、N2 | 當前頁面將被改變時觸發此事件 | |
| 表單相關事件 | onblur | IE3、N2 | 當前元素失去焦點時觸發此事件 |
| onchange | IE3、N2 | 當前元素失去焦點並且元素的內容發生改變而觸發此事件 | |
| onfocus | IE3 、N2 | 當某個元素獲得焦點時觸發此事件 | |
| onreset | IE4 、N3 | 當表單中RESET的屬性被激發時觸發此事件 | |
| onsubmit | IE3 、N2 | 一個表單被遞交時觸發此事件 | |
| 滾動字幕事件 | onbounce | IE4、N | 在Marquee內的內容移動至Marquee顯示范圍之外時觸發此事件 |
| onfinish | IE4、N | 當Marquee元素完成需要顯示的內容后觸發此事件 | |
| onstart | IE4、 N | 當Marquee元素開始顯示內容時觸發此事件 | |
| 編輯事件 | onbeforecopy | IE5、N | 當頁面當前的被選擇內容將要復制到瀏覽者系統的剪貼板前觸發此事件 |
| onbeforecut | IE5、 N | 當頁面中的一部分或者全部的內容將被移離當前頁面[剪貼]並移動到瀏覽者的系統剪貼板時觸發此事件 | |
| onbeforeeditfocus | IE5、N | 當前元素將要進入編輯狀態 | |
| onbeforepaste | IE5、 N | 內容將要從瀏覽者的系統剪貼板傳送[粘貼]到頁面中時觸發此事件 | |
| onbeforeupdate | IE5、 N | 當瀏覽者粘貼系統剪貼板中的內容時通知目標對象 | |
| oncontextmenu | IE5、N | 當瀏覽者按下鼠標右鍵出現菜單時或者通過鍵盤的按鍵觸發頁面菜單時觸發的事件 | |
| oncopy | IE5、N | 當頁面當前的被選擇內容被復制后觸發此事件 | |
| oncut | IE5、N | 當頁面當前的被選擇內容被剪切時觸發此事件 | |
| ondrag | IE5、N | 當某個對象被拖動時觸發此事件 [活動事件] | |
| ondragdrop | IE、N4 | 一個外部對象被鼠標拖進當前窗口或者幀 | |
| ondragend | IE5、N | 當鼠標拖動結束時觸發此事件，即鼠標的按鈕被釋放了 | |
| ondragenter | IE5、N | 當對象被鼠標拖動的對象進入其容器范圍內時觸發此事件 | |
| ondragleave | IE5、N | 當對象被鼠標拖動的對象離開其容器范圍內時觸發此事件 | |
| ondragover | IE5、N | 當某被拖動的對象在另一對象容器范圍內拖動時觸發此事件 | |
| ondragstart | IE4、N | 當某對象將被拖動時觸發此事件 | |
| ondrop | IE5、N | 在一個拖動過程中，釋放鼠標鍵時觸發此事件 | |
| onlosecapture | IE5、N | 當元素失去鼠標移動所形成的選擇焦點時觸發此事件 | |
| onpaste | IE5、N | 當內容被粘貼時觸發此事件 | |
| onselect | IE4、N | 當文本內容被選擇時的事件 | |
| onselectstart | IE4、N | 當文本內容選擇將開始發生時觸發的事件 | |
| 數據綁定 | onafterupdate | IE4、N | 當數據完成由數據源到對象的傳送時觸發此事件 |
| oncellchange | IE5、N | 當數據來源發生變化時 | |
| ondataavailable | IE4、N | 當數據接收完成時觸發事件 | |
| ondatasetchanged | IE4、N | 數據在數據源發生變化時觸發的事件 | |
| ondatasetcomplete | IE4、N | 當來子數據源的全部有效數據讀取完畢時觸發此事件 | |
| onerrorupdate | IE4、N | 當使用onBeforeUpdate事件觸發取消了數據傳送時，代替onAfterUpdate事件 | |
| onrowenter | IE5、N | 當前數據源的數據發生變化並且有新的有效數據時觸發的事件 | |
| onrowexit | IE5、N | 當前數據源的數據將要發生變化時觸發的事件 | |
| onrowsdelete | IE5、N | 當前數據記錄將被刪除時觸發此事件 | |
| onrowsinserted | IE5、N | 當前數據源將要插入新數據記錄時觸發此事件 | |
| 外部事件 | onafterprint | IE5、N | 當文檔被打印后觸發此事件 |
| onbeforeprint | IE5、N | 當文檔即將打印時觸發此事件 | |
| onfilterchange | IE4、N | 當某個對象的濾鏡效果發生變化時觸發的事件 | |
| onhelp | IE4、N | 當瀏覽者按下F1或者瀏覽器的幫助選擇時觸發此事件 | |
| onpropertychange | IE5、N | 當對象的屬性之一發生變化時觸發此事件 | |
| onreadystatechange | IE4、N | 當對象的初始化屬性值發生變化時觸發此事件 | |