如何在頁面關(guān)閉或刷新時觸發(fā)javascript事件

一個判斷頁面是否真的關(guān)閉和刷新的好方法：

成都創(chuàng)新互聯(lián)服務(wù)項目包括烏拉特中網(wǎng)站建設(shè)、烏拉特中網(wǎng)站制作、烏拉特中網(wǎng)頁制作以及烏拉特中網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，烏拉特中網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到烏拉特中省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

window.onbeforeunload=function (){

alert("===onbeforeunload===");

if(event.clientXdocument.body.clientWidth event.clientY 0 || event.altKey){

alert("你關(guān)閉了瀏覽器");

}else{

alert("你正在刷新頁面");

}

}

這段代碼就是判斷觸發(fā)onbeforeunload事件時，鼠標(biāo)是否點擊了關(guān)閉按鈕，或者按了ALT+F4來關(guān)閉網(wǎng)頁，如果是，則認(rèn)為系統(tǒng)是關(guān)閉網(wǎng)頁，否則在認(rèn)為系統(tǒng)是刷新網(wǎng)頁。

onbeforeunload與onunload事件

Onunload，onbeforeunload

都是在刷新或關(guān)閉時調(diào)用，可以在script腳本中通過window.onunload

來指定或者在body里指定。區(qū)別在于onbeforeunload在onunload之前執(zhí)行，它還可以阻止onunload的執(zhí)行。

Onbeforeunload

也是在頁面刷新或關(guān)閉時調(diào)用，Onbeforeunload是正要去服務(wù)器讀取新的頁面時調(diào)用，此時還沒開始讀取；而onunload則已經(jīng)從服務(wù)器上讀

到了需要加載的新的頁面，在即將替換掉當(dāng)前頁面時調(diào)用。Onunload是無法阻止頁面的更新和關(guān)閉的。而Onbeforeunload 可以做到。

頁面加載時只執(zhí)行onload

頁面關(guān)閉時先執(zhí)行onbeforeunload，最后onunload

頁面刷新時先執(zhí)行onbeforeunload，然后onunload，最后onload。

1、onbeforeunload事件：

說明：目前三大主流瀏覽器中firefox和IE都支持onbeforeunload事件,opera尚未支持。

用法：

·object.onbeforeunload = handler

·element onbeforeunload = “handler” … /element

描述：

事件觸發(fā)的時候彈出一個有確定和取消的對話框，確定則離開頁面，取消則繼續(xù)待在本頁。handler可以設(shè)一個返回值作為該對話框的顯示文本。

觸發(fā)于：

·關(guān)閉瀏覽器窗口

·通過地址欄或收藏夾前往其他頁面的時候

·點擊返回，前進(jìn)，刷新，主頁其中一個的時候

·點擊 一個前往其他頁面的url連接的時候

·

調(diào)用以下任意一個事件的時候：click，document write，document open，document close，window

close ，window navigate ，window NavigateAndFind,location replace,location

reload,form submit.

·當(dāng)用window open打開一個頁面，并把本頁的window的名字傳給要打開的頁面的時候。

·重新賦予location.href的值的時候。

·通過input type=”submit”按鈕提交一個具有指定action的表單的時候。

可以用在以下元素：

·BODY, FRAMESET, window

平臺支持：

IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+

示例：

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

titleonbeforeunload測試/title

script

function checkLeave(){

event.returnValue="確定離開當(dāng)前頁面嗎？";

}

/script

/head

body onbeforeunload="checkLeave()"

/body

/html

2、onunload事件

用法：

·object.onbeforeunload = handler

·element onbeforeunload = "handler"/element

描述：

當(dāng)用戶關(guān)閉一個頁面時觸發(fā)onunload 事件。

觸發(fā)于：

·關(guān)閉瀏覽器窗口

·通過地址欄或收藏夾前往其他頁面的時候

·點擊返回，前進(jìn)，刷新，主頁其中一個的時候

·點擊 一個前往其他頁面的url連接的時候

·

調(diào)用以下任意一個事件的時候：click，document write，document open，document close，window

close ，window navigate ，window NavigateAndFind,location replace,location

reload,form submit.

·當(dāng)用window open打開一個頁面，并把本頁的window的名字傳給要打開的頁面的時候。

·重新賦予location.href的值的時候。

·通過input type=”submit”按鈕提交一個具有指定action的表單的時候。

示例：

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

titleonunload測試/title

script

function checkLeave(){

alert("歡迎下次再來！");

}

/script

/head

body onunload="checkLeave()"

/body

/html

javascript 點擊按鈕觸發(fā)事件

使用onclick（）點擊事件觸發(fā)。

1、設(shè)計一個功能頁面，HTML代碼如下。

2、此時的頁面展示效果如下。

3、設(shè)計功能函數(shù)，實現(xiàn)上圖中賦值的功能。

4、給按鈕綁定上述函數(shù)，點擊實現(xiàn)。

5、在頁面上點擊函數(shù)，查看執(zhí)行效果。

擴(kuò)展資料：

onclick事件解析：

1、定義和用法：onclick 屬性由元素上的鼠標(biāo)點擊觸發(fā)。

onclick 屬性不適用以下元素：base、bdo、br、head、html、iframe、meta、param、script、style 或 title。

2、語法：

element onclick="script"。

參考資料：

百度百科--onclick

javascript 觸發(fā)事件

16個javascript 觸發(fā)事件,僅供參考學(xué)習(xí)1.單擊事件___onclick

用戶單擊鼠標(biāo)按鍵時產(chǎn)生的事件.同時onclick指定的事件處理程序或代碼將被調(diào)用執(zhí)行.

如:input type="button" value="打開頁面" onlick="window.open('xxxx.html','newwindow','width=456,height=230,toolbar=no,menubar=no,scrollbars=yes');"

2.改變事件___onchange

當(dāng)text或textarea元素內(nèi)的字符值改變或select表格選項狀態(tài)改變里發(fā)生該事件.

如;textarea name="liuyan" rows=5 cols=70 value=" " onchange=alert("您在文本框中添加了新的內(nèi)容")

3.選中事件____onselect

當(dāng)text或textarea對象中的文字被選中里會引發(fā)該事件

如:ipnut type="text" value="默認(rèn)信息" onselect=alert("您選中了文本框中的文字")

4.獲得焦點事件____onfocus

用戶單擊text或textarea以及select對象時,即光標(biāo)落在文本框或選擇框時會產(chǎn)生該事件.

如:select name="zhengjian" onfocus="alert("我成為焦點")

5.失去焦點事件______onblur

失去焦點事件正好與獲得焦點事件相對,當(dāng)text對象,textarea對象或select對象不再擁有焦點而退出后臺時,引發(fā)該事件.

6.載入文件事件____onload

當(dāng)頁面文件載入時,產(chǎn)生該事件.onload的一個作用就是在首次載入一個頁面文件時檢測cookie的值,并用一個變量為其賦值,使它可以被源代碼使用,本事件是window的事件,但是在HTML中指定事件處理程序時,一般把它寫在body標(biāo)記中.

如:body onload=alert("正在加載頁面,請等待...")

7.卸載文件事件____onunload

與載入文件事件onload正好相反,當(dāng)web頁面退出時引發(fā)的事件,并可更新cookie的狀態(tài)

如:body onunload="confirm("你確定要離開本頁?")

8.鼠標(biāo)覆蓋事件 _____onmouseover

onmouseover是當(dāng)鼠標(biāo)位于元素上方時所引發(fā)的事件

如:input type="boutton" value="按鈕" onmouseover="window.status='請您注意下面的狀態(tài)欄'; return true"

9.鼠標(biāo)離開事件_____onmouseout

onmouseout是鼠標(biāo)離開元素里引發(fā)的事件.如果和鼠標(biāo)覆蓋事件同時使用,可以創(chuàng)建動態(tài)按鈕的效果.

10.一般事件

ondbclick 鼠標(biāo)雙擊事件

鼠標(biāo)上的按鍵被按下時激活的事件

鼠標(biāo)按下后,松開鼠標(biāo)時觸發(fā)的事件

鼠標(biāo)移動里觸發(fā)的事件.

onkeypress 當(dāng)鍵盤上的某個鍵被按下并且釋放時觸發(fā)的事件,要求頁面內(nèi)必須有激活對象

onkeydown 當(dāng)鍵盤上某個鍵被按下時觸發(fā)的事件,要求頁面內(nèi)必須有激活對象

onkeyup 當(dāng)鍵盤上某個按鍵被放開時觸發(fā)的事件,要求頁面內(nèi)必須有激活對象

11.頁面相關(guān)事件

onabort 圖片在下載時被用戶中斷

onbeforeunload 當(dāng)前頁面的內(nèi)容將要被改變時觸發(fā)的事件

onerror 捕捉當(dāng)前頁面因為某種原因而出現(xiàn)的錯誤,如腳本錯誤.

onmove 瀏覽器的窗口被移動里觸發(fā)的事件

onresize 當(dāng)瀏覽器的大小被改變時觸發(fā)的事件

onscroll 瀏覽器的滾動條位置發(fā)生變化時觸發(fā)的事件

onstop 瀏覽器的"停止"按鈕被按下或者正在下載的文件被中斷時觸發(fā)的事件.

12. 表單相關(guān)事件

onreset 當(dāng)表單中reset屬性被激活時觸發(fā)的事件.

onsubmit 一個表單被遞交時觸發(fā)的事件.

13.滾動字幕事件

onbounce 當(dāng)marquee內(nèi)的內(nèi)容移動至marquee顯示范圍之外時觸發(fā)的事件.

onfinish 當(dāng)marquee元素完成需要顯示的內(nèi)容后觸發(fā)的事件.

onstart 當(dāng)marquee元素開始顯示內(nèi)容時觸發(fā)的事件.

14.編輯事件.

onbeforecopy 當(dāng)頁面當(dāng)前的被選擇內(nèi)容將要復(fù)制到瀏覽者系統(tǒng)的剪貼板前觸發(fā)的事件.

onbeforeupdate 當(dāng)瀏覽者粘貼系統(tǒng)剪貼板中的內(nèi)容時通知目標(biāo)對象

oncontextmenu 當(dāng)按下鼠標(biāo)右鍵出現(xiàn)菜單或通過鍵盤的按鍵觸發(fā)頁面菜單時觸發(fā)的事件.

body oncontentmenu="return false"禁止使用鼠標(biāo)右鍵

oncopy 當(dāng)頁面當(dāng)前被選擇內(nèi)容被復(fù)制后觸發(fā)的事件

oncut 當(dāng)頁面當(dāng)前被選擇內(nèi)容被剪切時觸發(fā)的事件

onpaste 當(dāng)內(nèi)容被粘貼時觸發(fā)的事件

ondrag 當(dāng)某個對象被拖動時觸發(fā)的事件

ondragend 當(dāng)鼠標(biāo)拖動結(jié)束時觸發(fā)的事件,即鼠標(biāo)的按鍵被釋放時觸發(fā)的事件.

15.數(shù)據(jù)綁定

onafterupdate 當(dāng)數(shù)據(jù)完成由數(shù)據(jù)源到對象的傳送時觸發(fā)的事件

oncellchange 當(dāng)數(shù)據(jù)來源發(fā)生變化時觸發(fā)的事件

ondataavailable 當(dāng)數(shù)據(jù)接收完成時觸發(fā)的事件

ondatasetchanged 數(shù)據(jù)在數(shù)據(jù)源發(fā)生變化時觸發(fā)的事件.

ondatasetcomplete 當(dāng)數(shù)據(jù)源的全部有效數(shù)據(jù)讀取完畢時觸發(fā)的事件.

onerrorupdate 當(dāng)使用onbeforeupdate事件觸發(fā)取消了數(shù)據(jù)傳送時,代替onafterupdate事件.

onrowenter 當(dāng)前數(shù)據(jù)源的數(shù)據(jù)發(fā)生變化并且有新的有效數(shù)據(jù)時觸發(fā)的事件.

onrowexit 當(dāng)前數(shù)據(jù)源的數(shù)據(jù)將要發(fā)生變化時觸發(fā)的事件

onrowsdelete 當(dāng)前數(shù)據(jù)記錄將被刪除時觸發(fā)的事件

onrowsinserted 當(dāng)前數(shù)據(jù)源將要插入新數(shù)據(jù)記錄時觸發(fā)的事件

16.外部事件

onafterprint 當(dāng)文檔被打印后觸發(fā)的事件

onbeforeprint 當(dāng)文檔即將打印時觸發(fā)的事件

onhelp 當(dāng)瀏覽者按下F1鍵或者單擊瀏覽器中的"幫助"按鈕時觸發(fā)的事件

分享題目：觸發(fā)javascript,觸發(fā)器ppt怎么弄的
分享地址：http://chinadenli.net/article11/dsgegdd.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、ChatGPT、網(wǎng)站維護(hù)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)