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