最常用的就是onclick咯, 鼠標(biāo)點(diǎn)擊事件, 還有onblur, onchange, onload等等, 具體可以參考w3cSchool的相關(guān)api, 給你地址

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),洪澤企業(yè)網(wǎng)站建設(shè),洪澤品牌網(wǎng)站建設(shè),網(wǎng)站定制,洪澤網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,洪澤網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿(mǎn)足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶(hù)成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
事件流描述的是從頁(yè)面中接收事件的順序,IE采用事件冒泡流,標(biāo)準(zhǔn)采用事件捕獲流,最后addEventLister給出了第三個(gè)參數(shù)同時(shí)支持冒泡與捕獲。
常用的事件主要有:
(1)單擊事件:onclick。用戶(hù)單擊鼠標(biāo)按鍵時(shí)產(chǎn)生的事件,同時(shí)。nclick指定的事件處理程序或代碼將被調(diào)用執(zhí)行.
(2)改變事件:onchange。當(dāng)text或textarea元素內(nèi)的字符值改變或select表格選項(xiàng)狀態(tài)改變時(shí)發(fā)生該事件。
(3)選中事件:onselect。當(dāng)text或textarea對(duì)象中的文字被選中時(shí)會(huì)引發(fā)該事件。如:
ipnut type="text" value="默認(rèn)信息”onselect=alert(”您選中T文本框中的文字”)
(4)獲得焦點(diǎn)事件:onfocus。用戶(hù)單擊text或textarea以及select對(duì)象,即光標(biāo)落在文本框或選擇框時(shí)會(huì)產(chǎn)生該事件。如:
select name= "zhengjian" onfocus=alert(”我成為焦點(diǎn)”)
(5)失去焦點(diǎn)事件:onblur.失去焦點(diǎn)事件正好與獲得焦點(diǎn)事件相對(duì),當(dāng)text或textarea以及select對(duì)象不再擁有焦點(diǎn)而退出后臺(tái)時(shí),引發(fā)該事件。
(6)載人文件事件:onload,’當(dāng)頁(yè)面文件載人時(shí)產(chǎn)生該事件。onload的一個(gè)作用就是在首次載人一個(gè)頁(yè)面文件時(shí)檢測(cè)cookie的值,并用一個(gè)變量為其賦值,使它可以被源代碼使用,本事件是window的事件,但是在HTML中指定事件處理程序時(shí),一般把它寫(xiě)在body標(biāo)記中。如:
body onload=alert(”正在加載頁(yè)面,請(qǐng)等待一”)
(7)卸載文件事件:onunload。與載人文件事件。nload正好相反,當(dāng)Web頁(yè)面退出時(shí)引發(fā)的事件,并可更新。ookie的狀態(tài)。如:
body onunload=confirm(”你確定要離開(kāi)本頁(yè)?”)
(8)鼠標(biāo)鎮(zhèn)蓋事件:onmouseover, onmouseover是當(dāng)鼠標(biāo)位于元素上方時(shí)所引發(fā)的事件。如:
input type= "boutton" value=”按鈕”onmouseover= "window. status=‘請(qǐng)您注意下面的狀態(tài)欄·;return true"
(9)鼠標(biāo)離開(kāi)事件:onmouseout, onmouseout是當(dāng)鼠標(biāo)離開(kāi)元素時(shí)引發(fā)的事件。如果和鼠標(biāo)覆蓋事件同時(shí)使用,可以創(chuàng)建動(dòng)態(tài)按鈕的效果。
(10)一般事件。
ondbclick:鼠標(biāo)雙擊事件。
onkeypress:當(dāng)鍵盤(pán)上的某個(gè)鍵被按下并且釋放時(shí)觸發(fā)的事件,要求頁(yè)面內(nèi)必須有激活的對(duì)象。
onkeydown:當(dāng)鍵盤(pán)上某個(gè)鍵被按下時(shí)觸發(fā)的事件,要求頁(yè)面內(nèi)必須有激活的對(duì)象。
onkeyup:當(dāng)鍵盤(pán)上某個(gè)鍵被放開(kāi)時(shí)觸發(fā)的事件,要求頁(yè)面內(nèi)必須有激活的對(duì)象。
(11)頁(yè)面相關(guān)事件。
onabort:圖片在下載時(shí)被用戶(hù)中斷時(shí)觸發(fā)的事件。
onbeforeunload:當(dāng)前頁(yè)面的內(nèi)容將要被改變時(shí)觸發(fā)的事件。
1、如圖首先在一個(gè)文件夾下創(chuàng)建index.html文件。
2、然后用可編輯文本文件的軟件打開(kāi)index.html文件,index.html的初始內(nèi)容如圖。
3、js的鼠標(biāo)事件主要有onclick:?jiǎn)螕羰录ndbclick:雙擊事件onmouseover:鼠標(biāo)移入事件onmouseout:鼠標(biāo)移出事件onmousedown:鼠標(biāo)按下事件onmouseup:鼠標(biāo)松開(kāi)事件。首先實(shí)現(xiàn)鼠標(biāo)左鍵單擊和雙擊的js代碼如圖。
4、編輯完index.html文件后,用瀏覽器打開(kāi)index.html文件,效果如圖。當(dāng)鼠標(biāo)左鍵單擊span時(shí)顯示"觸發(fā)鼠標(biāo)單擊事件",雙擊span時(shí)顯示"觸發(fā)鼠標(biāo)雙擊事件"。
5、接著實(shí)現(xiàn)鼠標(biāo)的移入和移出事件。如圖修改index.html文件。
6、最后實(shí)現(xiàn)鼠標(biāo)的點(diǎn)下和松起事件。如圖修改index.html文件。
7、修改完index.html文件后,用瀏覽器打開(kāi)index.html文件,效果如圖。
JavaScript里的事件有很多, 主要分為兩種:
一種是由人觸發(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中主要的事件有如下這些:
事件的作用:
事件在HTML中扮演著相當(dāng)重要的作用,要了解他的作用,首先我們了解下事件的概念:
“事件指的是文檔或者瀏覽器窗口中發(fā)生的一些特定交互瞬間。我們可以通過(guò)偵聽(tīng)器(或者處理程序)來(lái)預(yù)定事件,以便事件發(fā)生的時(shí)候執(zhí)行相應(yīng)的代碼。”
從事件的概念可看出,事件可以大大提高網(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ì)你理解事件有所幫助。
新聞名稱(chēng):關(guān)于javascript事件有哪些的信息
標(biāo)題URL:http://chinadenli.net/article5/dsgpjii.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶(hù)體驗(yàn)、電子商務(wù)、做網(wǎng)站、網(wǎng)站改版、云服務(wù)器、App設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)