一般事件 | ||
---|---|---|
事件 | 瀏覽器支持 | 描述 |
onClick | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 | 鼠標(biāo)點擊事件,多用在某個對象控制的范圍內(nèi)的鼠標(biāo)點擊 |
onDblClick | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O | 鼠標(biāo)雙擊事件 |
onMouseDown | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O | 鼠標(biāo)上的按鈕被按下了 |
onMouseUp | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O | 鼠標(biāo)按下后,松開時激發(fā)的事件 |
onMouseOver | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 | 當(dāng)鼠標(biāo)移動到某對象范圍的上方時觸發(fā)的事件 |
onMouseMove | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O | 鼠標(biāo)移動時觸發(fā)的事件 |
onMouseOut | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O3 | 當(dāng)鼠標(biāo)離開某對象范圍時觸發(fā)的事件 |
onKeyPress | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O | 當(dāng)鍵盤上的某個鍵被按下并且釋放時觸發(fā)的事件.[注意:頁面內(nèi)必須有被聚焦的對象] |
onKeyDown | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O | 當(dāng)鍵盤上某個按鍵被按下時觸發(fā)的事件[注意:頁面內(nèi)必須有被聚焦的對象] |
onKeyUp | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O | 當(dāng)鍵盤上某個按鍵被按放開時觸發(fā)的事件[注意:頁面內(nèi)必須有被聚焦的對象] |
頁面相關(guān)事件 | ||
事件 | 瀏覽器支持 | 描述 |
onAbort | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O | 圖片在下載時被用戶中斷 |
onBeforeUnload | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 當(dāng)前頁面的內(nèi)容將要被改變時觸發(fā)的事件 |
onError | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O | 捕抓當(dāng)前頁面因為某種原因而出現(xiàn)的錯誤,如腳本錯誤與外部數(shù)據(jù)引用的錯誤 |
onLoad | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 | 頁面內(nèi)空完成傳送到瀏覽器時觸發(fā)的事件,包括外部文件引入完成 |
onMove | HTML: 2 | 3 | 3.2 | 4 Browser: IE | N4 | O | 瀏覽器的窗口被移動時觸發(fā)的事件 |
onResize | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O | 當(dāng)瀏覽器的窗口大小被改變時觸發(fā)的事件 |
onScroll | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 瀏覽器的滾動條位置發(fā)生變化時觸發(fā)的事件 |
onStop | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 瀏覽器的停止按鈕被按下時觸發(fā)的事件或者正在下載的文件被中斷 |
onUnload | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 | 當(dāng)前頁面將被改變時觸發(fā)的事件 |
表單相關(guān)事件 | ||
事件 | 瀏覽器支持 | 描述 |
onBlur | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 | 當(dāng)前元素失去焦點時觸發(fā)的事件 [鼠標(biāo)與鍵盤的觸發(fā)均可] |
onChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 | 當(dāng)前元素失去焦點并且元素的內(nèi)容發(fā)生改變而觸發(fā)的事件 [鼠標(biāo)與鍵盤的觸發(fā)均可] |
onFocus | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 | 當(dāng)某個元素獲得焦點時觸發(fā)的事件 |
onReset | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O3 | 當(dāng)表單中RESET的屬性被激發(fā)時觸發(fā)的事件 |
onSubmit | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 | 一個表單被遞交時觸發(fā)的事件 |
滾動字幕事件 | ||
事件 | 瀏覽器支持 | 描述 |
onBounce | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 在Marquee內(nèi)的內(nèi)容移動至Marquee顯示范圍之外時觸發(fā)的事件 |
onFinish | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 當(dāng)Marquee元素完成需要顯示的內(nèi)容后觸發(fā)的事件 |
onStart | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 當(dāng)Marquee元素開始顯示內(nèi)容時觸發(fā)的事件 |
編輯事件 | ||
事件 | 瀏覽器支持 | 描述 |
onBeforeCopy | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)頁面當(dāng)前的被選擇內(nèi)容將要復(fù)制到瀏覽者系統(tǒng)的剪貼板前觸發(fā)的事件 |
onBeforeCut | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)頁面中的一部分或者全部的內(nèi)容將被移離當(dāng)前頁面[剪貼]并移動到瀏覽者的系統(tǒng)剪貼板時觸發(fā)的事件 |
onBeforeEditFocus | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)前元素將要進入編輯狀態(tài) |
onBeforePaste | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 內(nèi)容將要從瀏覽者的系統(tǒng)剪貼板傳送[粘貼]到頁面中時觸發(fā)的事件 |
onBeforeUpdate | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)瀏覽者粘貼系統(tǒng)剪貼板中的內(nèi)容時通知目標(biāo)對象 |
onContextMenu | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)瀏覽者按下鼠標(biāo)右鍵出現(xiàn)菜單時或者通過鍵盤的按鍵觸發(fā)頁面菜單時觸發(fā)的事件 [試試在頁面中的<body>中加入onContentMenu="return false"就可禁止使用鼠標(biāo)右鍵了] |
onCopy | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)頁面當(dāng)前的被選擇內(nèi)容被復(fù)制后觸發(fā)的事件 |
onCut | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)頁面當(dāng)前的被選擇內(nèi)容被剪切時觸發(fā)的事件 |
onDrag | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)某個對象被拖動時觸發(fā)的事件 [活動事件] |
onDragDrop | HTML: 2 | 3 | 3.2 | 4 Browser: IE | N4 | O | 一個外部對象被鼠標(biāo)拖進當(dāng)前窗口或者幀 |
onDragEnd | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)鼠標(biāo)拖動結(jié)束時觸發(fā)的事件,即鼠標(biāo)的按鈕被釋放了 |
onDragEnter | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)對象被鼠標(biāo)拖動的對象進入其容器范圍內(nèi)時觸發(fā)的事件 |
onDragLeave | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)對象被鼠標(biāo)拖動的對象離開其容器范圍內(nèi)時觸發(fā)的事件 |
onDragOver | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)某被拖動的對象在另一對象容器范圍內(nèi)拖動時觸發(fā)的事件 [活動事件] |
onDragStart | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 當(dāng)某對象將被拖動時觸發(fā)的事件 |
onDrop | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 在一個拖動過程中,釋放鼠標(biāo)鍵時觸發(fā)的事件 |
onLoseCapture | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)元素失去鼠標(biāo)移動所形成的選擇焦點時觸發(fā)的事件 |
onPaste | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)內(nèi)容被粘貼時觸發(fā)的事件 |
onSelect | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 當(dāng)文本內(nèi)容被選擇時的事件 |
onSelectStart | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 當(dāng)文本內(nèi)容選擇將開始發(fā)生時觸發(fā)的事件 |
數(shù)據(jù)綁定 | ||
事件 | 瀏覽器支持 | 描述 |
onAfterUpdate | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 當(dāng)數(shù)據(jù)完成由數(shù)據(jù)源到對象的傳送時觸發(fā)的事件 |
onCellChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)數(shù)據(jù)來源發(fā)生變化時 |
onDataAvailable | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 當(dāng)數(shù)據(jù)接收完成時觸發(fā)事件 |
onDatasetChanged | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 數(shù)據(jù)在數(shù)據(jù)源發(fā)生變化時觸發(fā)的事件 |
onDatasetComplete | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 當(dāng)來子數(shù)據(jù)源的全部有效數(shù)據(jù)讀取完畢時觸發(fā)的事件 |
onErrorUpdate | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 當(dāng)使用onBeforeUpdate事件觸發(fā)取消了數(shù)據(jù)傳送時,代替onAfterUpdate事件 |
onRowEnter | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)前數(shù)據(jù)源的數(shù)據(jù)發(fā)生變化并且有新的有效數(shù)據(jù)時觸發(fā)的事件 |
onRowExit | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)前數(shù)據(jù)源的數(shù)據(jù)將要發(fā)生變化時觸發(fā)的事件 |
onRowsDelete | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)前數(shù)據(jù)記錄將被刪除時觸發(fā)的事件 |
onRowsInserted | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)前數(shù)據(jù)源將要插入新數(shù)據(jù)記錄時觸發(fā)的事件 |
外部事件 | ||
事件 | 瀏覽器支持 | 描述 |
onAfterPrint | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)文檔被打印后觸發(fā)的事件 |
onBeforePrint | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)文檔即將打印時觸發(fā)的事件 |
onFilterChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 當(dāng)某個對象的濾鏡效果發(fā)生變化時觸發(fā)的事件 |
onHelp | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 當(dāng)瀏覽者按下F1或者瀏覽器的幫助選擇時觸發(fā)的事件 |
onPropertyChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O | 當(dāng)對象的屬性之一發(fā)生變化時觸發(fā)的事件 |
onReadyStateChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O | 當(dāng)對象的初始化屬性值發(fā)生變化時觸發(fā) |
js 鼠標(biāo)點擊事件及其它捕獲
這段代碼是用來做,點擊一個按紐打開個div,在頁面空白處點擊鼠標(biāo)隱藏這個div
<div><a href="#" onclick="showPricediv('aaa')" abc=1>adsfsdf</a></div>
<div id="aaa" style="display:none" onmouseover="temshowTag=true" onmouseout="temshowTag=false"><pricediv><table><tr><td>dfdfdfsdf</td></tr></table></pricediv></div>
<div><a href="#" onclick="showPricediv('Div1')" abc=1>adsfsdf</a></div>
<div id="Div1" style="display:none" onmouseover="temshowTag=true" onmouseout="temshowTag=false">dfdfdf<br /><pricediv>dfdfdfdf</pricediv></div>
<div><a href="#" onclick="showPricediv('Div2')" abc=1>adsfsdf</a></div>
<div id="Div2" style="display:none" onmouseover="temshowTag=true" onmouseout="temshowTag=false"><pricediv>dfdfdf<br />dfdfdfdf</pricediv></div>
</body>
<script>
var temEventobject=null;
var temshowTag=false;
function document.onclick()
{
if(event.srcElement.abc==null&&temshowTag==false)
{
var temabc = document.getElementsByTagName("pricediv");
for(i=0;i<temabc.length;i++)
{
temabc[i].parentElement.style.display="none";
}
}
}
function showPricediv(a)
{
document.getElementById(a).style.display="";
temEventobject=document.getElementById(a);
temshowTag=true;
}
</script>
這段代碼是用來做,點擊一個按紐打開個div,在頁面空白處點擊鼠標(biāo)隱藏這個div
function document.onclick()
{
}
這樣可以重寫一個內(nèi)置對象的事件或方法,但只限于document,window,同樣方式你可以重寫alert之類
更多建議: