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對話框窗口