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 |
當對象的初始化屬性值發生變化時觸發此事件 |
javascript可以使用的事件
Javascript是一種與HTMLHTML一起工作的用戶端指令碼語言,然而這不是一個Javsscript指南,我們著眼於在HTML如何使用Javascript。
Javascript事件像HTML標籤的屬性一樣使用。事件是發生在HTML元素上的某些行為,如什麼時候被點擊了或者什麼時候失去焦點。
<a href="#top" onclick="alert ('wow. Javascript.')">Click me</a>
可以使用的事件有:
onblur(使用在表單元素中,當元素失去焦點的時候執行)
onchange(使用在表單元素中,當某些東西改變是執行)
onclick(滑鼠點擊一個元素時執行)
ondblclick(滑鼠雙擊一個元素時執行)
onfocus(使用在表單元素中,當元素獲得焦點時執行)
onkeydown (按下某個按鍵時執行)
onkeypress(按下和釋放某個按鍵時執行)
onkeyup(釋放某個按鍵時執行)
onload(在body標籤中使用,載入頁面的時候執行)
onmousedown(按下滑鼠按鍵時執行)
onmousemove(滑鼠游標在元素上移動時執行)
onmouseout(滑鼠游標移開元素時執行)
onmouseover(滑鼠游標移到元素上時執行)
onmouseup(當釋放滑鼠按鍵時執行)
onreset(用在表單元素中,當表單重設時執行)
onselect(用在表單元素中,當元素被選擇時執行)
onsubmit(用在表單元素中,當表單提交時執行)
onunload(用在body標籤中,當關閉頁面時執行)
別對Javascript失去自製力。最好是少用。一個使用Javascript的網頁存在嚴重降低易用性的風險,而很多東西可以代替它,比如伺服器端指令碼語言PHP或ASP等。
------------------------------------------------------------------------------------------
DOM編程
1JAVASCRIPT將瀏覽器本身,網頁文檔,以及網頁文檔中的HTML元素等都用相應的內建對喜愛那個來表示,這些對象及對象之間的層次關係統稱為DOM(Document Object Model,文件物件模型)
DHTML
2
CSS,指令碼程式設計語言和DOM的結合使用,能夠使HTML文檔與使用者具有互動性和動態變換性,這三種技術的單一稱謂叫DHTML(Dynamic HTML,動態HTML)
在瀏覽器中禁止單擊滑鼠右鍵開啟菜單的代碼
<html>
<head>
<script language="javascript">
<!--
function hideContestmenu()
{
window.event.returnValue=false;
}
//-->為了防止別的瀏覽器將HTML的注釋結束標記當做javascrip程式碼
</script>
<head>
<body oncontextmenu="return false;/*hideContextmenu()*/">
</html>
2直接在JavaScript代碼中,設定元素對象的事件屬性,讓事件屬性值等於處理該事件的函數名或程式碼,解釋執行來產生錯誤
<script language="javascript">
document.oncontextmenu=hideContextmenu;
function hideContestmenu()
{
return false;
}
</script>
3在一個專門的<script>標籤對中編寫某個元素對象的某種事件處理常式代碼,並用for屬性指定事件來源和用event屬性指定事件名
<script language="javascript" for="document" event="oncontextmenu">
windows.event.returnValue=false;
</script>
Windows對象
1windows對象代表瀏覽器的整個視窗,編程人員,可以利用windows對象控制瀏覽器視窗的各個方面,
Windows對象--方法
1.alert
2.confirm
3.prompt顯示一個可以
4.navigate 導航到別的頁的內容
5.setInterval設定瀏覽器每過多長時間來定期調用執行指定的代碼
6.setTimeout設定瀏覽器過多長時間後去執行指定的代碼
7.clearInterval方法,用於取消setInterval的設定
8.clearTimeout取消setTimeout
9.moveTo將瀏覽器移動到瀏覽器的某個位置
10.resizeTo改變瀏覽器視窗的大小
11.open方法用於開啟一個新的視窗,
12.showModalDialog方法,用於產生一個Modal對話方塊視窗
13.showModelessDialog方法,用於產生一個非Modal對話方塊視窗