JavaScript里的事件有很多, 主要分為兩種:
網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì)及定制網(wǎng)站建設(shè)服務(wù),專(zhuān)注于成都定制網(wǎng)站,高端網(wǎng)頁(yè)制作,對(duì)成都搬家公司等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。專(zhuān)業(yè)網(wǎng)站設(shè)計(jì),網(wǎng)站優(yōu)化推廣哪家好,專(zhuān)業(yè)成都網(wǎng)站推廣優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。
一種是由人觸發(fā)的,比如鼠標(biāo)單擊、雙擊、移動(dòng)鼠標(biāo)、在輸入框輸入文本等等都會(huì)觸發(fā)這類(lèi)事件, Javascript通過(guò)監(jiān)視這些事件,可以知道用戶(hù)在網(wǎng)頁(yè)里干什么,好做出不同的交互反饋。
第二種是由瀏覽器產(chǎn)生的事件, 比如文檔加載完畢等事件。
不同的瀏覽器事件也會(huì)有所不同, 比如移動(dòng)端的瀏覽器,還會(huì)有觸摸事件、橫豎屏切換事件等。
你好!
JavaScript的誕生首先就是網(wǎng)頁(yè)腳本
之后的html api讓JavaScript有了操作DOM和渲染DOM的能力,于是可以生成整個(gè)網(wǎng)頁(yè)
蘋(píng)果又加了料,在webkit component里加入了canvas /,于是js可以繪圖
后來(lái)微軟提出的的ajax和新的H5腳本誕生了SPA的概念,于是有了網(wǎng)頁(yè)應(yīng)用
我能畫(huà)畫(huà),我能交互,我要成為高達(dá)!于是基于JavaScript的網(wǎng)頁(yè)游戲如雨后春筍
Ryan Dahl這個(gè)人想搞點(diǎn)大事情,“要有服務(wù)器”,于是有了 NodeJS
希望我的回答能幫助你!
望采納謝謝????
祝生活愉快!
onabort 當(dāng)用戶(hù)中斷下載圖像時(shí)觸發(fā)。
onactivate 當(dāng)對(duì)象設(shè)置為活動(dòng)元素時(shí)觸發(fā)。
onafterprint 對(duì)象所關(guān)聯(lián)的文檔打印或打印預(yù)覽后立即在對(duì)象上觸發(fā)。
onafterupdate 當(dāng)成功更新數(shù)據(jù)源對(duì)象中的關(guān)聯(lián)對(duì)象后在數(shù)據(jù)綁定對(duì)象上觸發(fā)。
onbeforeactivate new 對(duì)象要被設(shè)置為當(dāng)前元素前立即觸發(fā)。
onbeforecopy 當(dāng)選中區(qū)復(fù)制到系統(tǒng)剪貼板之前在源對(duì)象觸發(fā)。
onbeforecut 當(dāng)選中區(qū)從文檔中刪除之前在源對(duì)象觸發(fā)。
onbeforedeactivate 在 activeElement 從當(dāng)前對(duì)象變?yōu)楦肝臋n其它對(duì)象之前立即觸發(fā)。
onbeforeeditfocus 在包含于可編輯元素內(nèi)的對(duì)象進(jìn)入用戶(hù)界面激活狀態(tài)前或可編輯容器變成控件選中區(qū)前觸發(fā)。
onbeforepaste 在選中區(qū)從系統(tǒng)剪貼板粘貼到文檔前在目標(biāo)對(duì)象上觸發(fā)。
onbeforeprint 對(duì)象的關(guān)聯(lián)文檔打印或打印預(yù)覽前在對(duì)象上觸發(fā)。
onbeforeunload 在頁(yè)面將要被卸載前觸發(fā)。
onbeforeupdate 當(dāng)成功更新數(shù)據(jù)源對(duì)象中的關(guān)聯(lián)對(duì)象前在數(shù)據(jù)綁定對(duì)象上觸發(fā)。
onblur 在對(duì)象失去輸入焦點(diǎn)時(shí)觸發(fā)。
onbounce 當(dāng) marquee 對(duì)象的 behavior 屬性設(shè)置為“alternate”且字幕的內(nèi)容到達(dá)窗口一邊時(shí)觸發(fā)。
oncellchange 在數(shù)據(jù)供應(yīng)者中的數(shù)據(jù)變更時(shí)觸發(fā)。
onchange 當(dāng)對(duì)象或選中區(qū)的內(nèi)容改變時(shí)觸發(fā)。
onclick 在用戶(hù)用鼠標(biāo)左鍵單擊對(duì)象時(shí)觸發(fā)。
oncontextmenu 在用戶(hù)使用鼠標(biāo)右鍵單擊客戶(hù)區(qū)打開(kāi)上下文菜單時(shí)觸發(fā)。
oncontrolselect 當(dāng)用戶(hù)將要對(duì)該對(duì)象制作一個(gè)控件選中區(qū)時(shí)觸發(fā)。
oncopy 當(dāng)用戶(hù)復(fù)制對(duì)象或選中區(qū),將其添加到系統(tǒng)剪貼板上時(shí)在源元素上觸發(fā)。
oncut 當(dāng)對(duì)象或選中區(qū)從文檔中刪除并添加到系統(tǒng)剪貼板上時(shí)在源元素上觸發(fā)。
ondataavailable 每當(dāng)異步傳輸數(shù)據(jù)的數(shù)據(jù)源對(duì)象的數(shù)據(jù)到達(dá)時(shí)觸發(fā)。
ondatasetchanged 當(dāng)數(shù)據(jù)源對(duì)象對(duì)應(yīng)的數(shù)據(jù)集發(fā)生變更時(shí)觸發(fā)。
ondatasetcomplete 觸發(fā)就表明數(shù)據(jù)源對(duì)象所有數(shù)據(jù)都可用。
ondblclick 當(dāng)用戶(hù)雙擊對(duì)象時(shí)觸發(fā)。
ondeactivate 當(dāng) activeElement 從當(dāng)前對(duì)象變?yōu)楦肝臋n其它對(duì)象時(shí)觸發(fā)。
ondrag 當(dāng)進(jìn)行拖曳操作時(shí)在源對(duì)象上持續(xù)觸發(fā)。
ondragend 當(dāng)用戶(hù)在拖曳操作結(jié)束后釋放鼠標(biāo)時(shí)在源對(duì)象上觸發(fā)。
ondragenter 當(dāng)用戶(hù)拖曳對(duì)象到一個(gè)合法拖曳目標(biāo)時(shí)在目標(biāo)元素上觸發(fā)。
ondragleave 當(dāng)用戶(hù)在拖曳操作過(guò)程中將鼠標(biāo)移出合法拖曳目標(biāo)時(shí)在目標(biāo)對(duì)象上觸發(fā)。
ondragover 當(dāng)用戶(hù)拖曳對(duì)象劃過(guò)合法拖曳目標(biāo)時(shí)持續(xù)在目標(biāo)元素上觸發(fā)。
ondragstart 當(dāng)用戶(hù)開(kāi)始拖曳文本選中區(qū)或選中對(duì)象時(shí)在源對(duì)象上觸發(fā)。
ondrop 當(dāng)鼠標(biāo)按鈕在拖曳操作過(guò)程中釋放時(shí)在目標(biāo)對(duì)象上觸發(fā)。
onerror 當(dāng)對(duì)象裝載過(guò)程中發(fā)生錯(cuò)誤時(shí)觸發(fā)。
onerrorupdate 更新數(shù)據(jù)源對(duì)象中的關(guān)聯(lián)數(shù)據(jù)出錯(cuò)時(shí)在數(shù)據(jù)綁定對(duì)象上觸發(fā)。
onfilterchange 當(dāng)可視濾鏡更改狀態(tài)或完成轉(zhuǎn)換時(shí)觸發(fā)。
onfinish 當(dāng)字幕循環(huán)完成后觸發(fā)。
onfocus 當(dāng)對(duì)象獲得焦點(diǎn)時(shí)觸發(fā)。
onfocusin new 當(dāng)元素將要被設(shè)置為焦點(diǎn)之前觸發(fā)。
onfocusout new 在移動(dòng)焦點(diǎn)到其它元素之后立即觸發(fā)于當(dāng)前擁有焦點(diǎn)的元素上觸發(fā)。
onhelp 當(dāng)用戶(hù)在瀏覽器為當(dāng)前窗口時(shí)按 F1 鍵時(shí)觸發(fā)。
onkeydown 當(dāng)用戶(hù)按下鍵盤(pán)按鍵時(shí)觸發(fā)。
onkeypress 當(dāng)用戶(hù)按下字面鍵時(shí)觸發(fā)。
onkeyup 當(dāng)用戶(hù)釋放鍵盤(pán)按鍵時(shí)觸發(fā)。
onlayoutcomplete 當(dāng)打印或打印預(yù)覽版面處理完成用來(lái)自于源文檔的內(nèi)容填充當(dāng)前 LayoutRect 對(duì)象時(shí)觸發(fā)。
onload 在瀏覽器完成對(duì)象的裝載后立即觸發(fā)。
onlosecapture 當(dāng)對(duì)象失去鼠標(biāo)捕捉時(shí)觸發(fā)。
onmousedown 當(dāng)用戶(hù)用任何鼠標(biāo)按鈕單擊對(duì)象時(shí)觸發(fā)。
onmouseenter 當(dāng)用戶(hù)將鼠標(biāo)指針移動(dòng)到對(duì)象內(nèi)時(shí)觸發(fā)。
onmouseleave 當(dāng)用戶(hù)將鼠標(biāo)指針移出對(duì)象邊界時(shí)觸發(fā)。
onmousemove 當(dāng)用戶(hù)將鼠標(biāo)劃過(guò)對(duì)象時(shí)觸發(fā)。
onmouseout 當(dāng)用戶(hù)將鼠標(biāo)指針移出對(duì)象邊界時(shí)觸發(fā)。
onmouseover 當(dāng)用戶(hù)將鼠標(biāo)指針移動(dòng)到對(duì)象內(nèi)時(shí)觸發(fā)。
onmouseup 當(dāng)用戶(hù)在鼠標(biāo)位于對(duì)象之上時(shí)釋放鼠標(biāo)按鈕時(shí)觸發(fā)。
onmousewheel new 當(dāng)鼠標(biāo)滾輪按鈕旋轉(zhuǎn)時(shí)觸發(fā)。
onmove 當(dāng)對(duì)象移動(dòng)時(shí)觸發(fā)。
onmoveend 當(dāng)對(duì)象停止移動(dòng)時(shí)觸發(fā)。
onmovestart 當(dāng)對(duì)象開(kāi)始移動(dòng)時(shí)觸發(fā)。
onpaste 當(dāng)用戶(hù)粘貼數(shù)據(jù)以便從系統(tǒng)剪貼板向文檔傳送數(shù)據(jù)時(shí)在目標(biāo)對(duì)象上觸發(fā)。
onpropertychange 當(dāng)在對(duì)象上發(fā)生對(duì)象上發(fā)生屬性更改時(shí)觸發(fā)。
onreadystatechange 當(dāng)對(duì)象狀態(tài)變更時(shí)觸發(fā)。
onreset 當(dāng)用戶(hù)重置表單時(shí)觸發(fā)。
onresize 當(dāng)對(duì)象的大小將要改變時(shí)觸發(fā)。
onresizeend 當(dāng)用戶(hù)更改完控件選中區(qū)中對(duì)象的尺寸時(shí)觸發(fā)。
onresizestart 當(dāng)用戶(hù)開(kāi)始更改控件選中區(qū)中對(duì)象的尺寸時(shí)觸發(fā)。
onrowenter 觸發(fā)就表明當(dāng)前行已經(jīng)在數(shù)據(jù)源中更改,對(duì)象上有可用的新數(shù)據(jù)值。
onrowexit 當(dāng)數(shù)據(jù)源控件更改對(duì)象當(dāng)前行前觸發(fā)。
onrowsdelete 當(dāng)行將要從記錄集中被刪除時(shí)觸發(fā)。
onrowsinserted 當(dāng)在當(dāng)前記錄集中插入新行后觸發(fā)。
onscroll 當(dāng)用戶(hù)滾動(dòng)對(duì)象的滾動(dòng)條時(shí)觸發(fā)。
onselect 當(dāng)當(dāng)前選中區(qū)改變時(shí)觸發(fā)。
onselectionchange 當(dāng)文檔的選中狀態(tài)改變時(shí)觸發(fā)。
onselectstart 對(duì)象將要被選中時(shí)觸發(fā)。
onstart 在 marquee 對(duì)象的每次循環(huán)開(kāi)始時(shí)觸發(fā)。
onstop 當(dāng)用戶(hù)單擊停止按鈕或離開(kāi) Web 頁(yè)面時(shí)觸發(fā)。
onsubmit 當(dāng)表單將要被提交時(shí)觸發(fā)。
1、onClick單擊事件,常用于button\radio\checkbox\reset buttons\submit buttons對(duì)象上面。
2、onChange改變事件,常用于textbox \textarea對(duì)象上面,當(dāng)輸入的字符值改變時(shí)執(zhí)行對(duì)應(yīng)的事件代碼。
3、onSelect選中事件,當(dāng)text或textarea對(duì)像中的文字被加亮后,引發(fā)該事件。
4、onFocus獲得焦點(diǎn)事件,當(dāng)用戶(hù)單擊Text對(duì)像以及select對(duì)象時(shí),產(chǎn)生該事件。
5、失去焦點(diǎn)onBlur,當(dāng)不在擁有焦點(diǎn)而退到后臺(tái)時(shí),引發(fā)該事件。
6、載入文件onLoad事件,當(dāng)文檔載入時(shí),產(chǎn)生該事件。onLoad一個(gè)作用就是在首次載入一個(gè)文檔時(shí)檢測(cè)cookie的值,并用一個(gè)變量為其賦值,使它可以被源代碼使用。
7、制裁文件onUnload事件,當(dāng)WEB頁(yè)退出時(shí)引發(fā)onUnload事件,并可更新Cookie的狀態(tài)。
JavaScript中主要的事件有如下這些:
事件的作用:
事件在HTML中扮演著相當(dāng)重要的作用,要了解他的作用,首先我們了解下事件的概念:
“事件指的是文檔或者瀏覽器窗口中發(fā)生的一些特定交互瞬間。我們可以通過(guò)偵聽(tīng)器(或者處理程序)來(lái)預(yù)定事件,以便事件發(fā)生的時(shí)候執(zhí)行相應(yīng)的代碼?!?/p>
從事件的概念可看出,事件可以大大提高網(wǎng)頁(yè)的交互性。在上面表格中列出來(lái)的事件,我們都可以通過(guò)事件處理程序(偵聽(tīng)器)捕捉到。比如當(dāng)用戶(hù)點(diǎn)擊某個(gè) HTML 元素時(shí)啟動(dòng)一段 JavaScript。
為了更通俗的描述事件的作用,下面我列舉了幾個(gè)事件使用的例子:
1、?監(jiān)聽(tīng)按鈕的點(diǎn)擊事件onclick,當(dāng)該事件發(fā)生后可以執(zhí)行JavaScript進(jìn)行提醒;
alertBtn.onclick = function() {
alert("你在網(wǎng)頁(yè)中執(zhí)行了點(diǎn)擊操作!");
};
2、?監(jiān)聽(tīng)頁(yè)面的加載事件onload,進(jìn)行一些初始化操作。
window.onload = function() {
prepareEventHandlers(); //prepareEventHandlers函數(shù)中進(jìn)行了初始化操作。
};
3、監(jiān)聽(tīng)表單的onblur事件,當(dāng)輸入框失去焦點(diǎn)時(shí)是否顯示提示信息。如下面的郵箱輸入框:
emailField.onblur = function() {
if ( emailField.value == "") {
emailField.value = "輸入郵箱";
}
};
4、監(jiān)聽(tīng)表單的onfocus事件,當(dāng)輸入框獲取焦點(diǎn)時(shí)執(zhí)行一些操作,如清除提示信息。
emailField.onfocus = function() {
if ( emailField.value == "輸入郵箱") {
emailField.value = "";
}
};
可以到教程網(wǎng)-秒秒學(xué)上看下相關(guān)課程,夯實(shí)下基礎(chǔ),事件的機(jī)制其實(shí)并不難,希望對(duì)你理解事件有所幫助。