js 怎么監(jiān)聽(tīng)到頁(yè)面關(guān)閉或頁(yè)面跳轉(zhuǎn)事件

js 監(jiān)聽(tīng)到頁(yè)面關(guān)閉或頁(yè)面跳轉(zhuǎn)事件。

創(chuàng)新互聯(lián)建站秉承專業(yè)、誠(chéng)信、服務(wù)、進(jìn)取的價(jià)值觀，堅(jiān)持以客戶為中心、客戶至上的服務(wù)理念，以“關(guān)注企業(yè)需求，實(shí)現(xiàn)企業(yè)價(jià)值”為導(dǎo)向，努力為企業(yè)提供全面優(yōu)質(zhì)的互聯(lián)網(wǎng)應(yīng)用服務(wù)。服務(wù)包括空間域名、雅安服務(wù)器托管、企業(yè)郵箱、網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、網(wǎng)絡(luò)營(yíng)銷解決方案和咨詢服務(wù)，以幫助企業(yè)客戶應(yīng)用互聯(lián)網(wǎng)。

javascript捕獲窗口關(guān)閉事件有兩種方法 onbeforeunload()，onUnload() 用法有兩種：

1. function

window.onbeforeunload() { alert("遠(yuǎn)標(biāo)培訓(xùn)為您關(guān)閉窗口")} function

window.onunload() { alert("遠(yuǎn)標(biāo)培訓(xùn)為您關(guān)閉窗口")}

2.Onunload，onbeforeunload都是在刷新或關(guān)閉時(shí)調(diào)用，可以在script腳本中通過(guò)window.onunload來(lái)指定或者在body里指定。

區(qū)別在于onbeforeunload在onunload之前執(zhí)行，它還可以阻止onunload的執(zhí)行。

如何在頁(yè)面中監(jiān)聽(tīng)javascript事件

比如說(shuō)一個(gè)頁(yè)面上有什么東西,其中有一個(gè)按鈕,按鈕被點(diǎn)擊,我們希望能夠知道并做一些操作

這個(gè)就叫做按鈕的點(diǎn)擊事件監(jiān)聽(tīng)

比如如下代碼

按鈕元素 有一個(gè)onclick事件(就是點(diǎn)擊事件)

當(dāng)點(diǎn)擊了 執(zhí)行函數(shù)DoClick

這就是上面的說(shuō)的監(jiān)聽(tīng)他的點(diǎn)擊事件,并進(jìn)行操作處理!(至于后臺(tái),比如說(shuō)我點(diǎn)擊了按鈕,向后臺(tái)提交一些數(shù)據(jù)如用戶名 密碼等)

jsp/html代碼:input type="button" id="but" value="測(cè)試按鈕" onclick="DoClick()"

javascript代碼

javascript

function DoClick()

　{

alert('點(diǎn)擊了按鈕!希望對(duì)你有幫助!');

　}

/javascript

監(jiān)聽(tīng)主要是輔助你對(duì)某個(gè)元素的特殊操作

例如:

1.點(diǎn)擊圖片-- 放大

2.地區(qū)選擇:下拉列表--聯(lián)動(dòng)

...

都是在監(jiān)聽(tīng)事件中寫(xiě)的

如果對(duì)某個(gè)元素沒(méi)有特殊草操作,只是顯示,那你就沒(méi)有必要去考慮他的每個(gè)事件

要用面向?qū)ο蟮乃枷肴タ紤]問(wèn)題

附上出處鏈接：

javascript如何監(jiān)聽(tīng)頁(yè)面刷新和頁(yè)面關(guān)閉事件

javascript的onbeforeunload()和onunload()兩個(gè)事件。

相同點(diǎn):

兩者都是在對(duì)頁(yè)面的關(guān)閉或刷新事件作個(gè)操作。

不同點(diǎn)：

unbeforeunload（）事件執(zhí)行的順序在onunload()事件之前發(fā)生。(因?yàn)椋瑄nbeforeunload()是在頁(yè)面刷新之前觸發(fā)的事件，而onubload()是在頁(yè)面關(guān)閉之后才會(huì)觸發(fā)的)。

unbeforeunload（）事件可以禁止onunload()事件的觸發(fā)。

onunload()事件是無(wú)法阻止頁(yè)面關(guān)閉的。

瀏覽器的兼容

onunload:

IE6，IE7，IE8 中 刷新頁(yè)面、關(guān)閉瀏覽器之后、頁(yè)面跳轉(zhuǎn)之后都會(huì)執(zhí)行；

IE9 刷新頁(yè)面 會(huì)執(zhí)行，頁(yè)面跳轉(zhuǎn)、關(guān)閉瀏覽器不能執(zhí)行；

firefox(包括firefox3.6) 關(guān)閉標(biāo)簽之后、頁(yè)面跳轉(zhuǎn)之后、刷新頁(yè)面之后能執(zhí)行，但關(guān)閉瀏覽器不能執(zhí)行；

Safari 刷新頁(yè)面、頁(yè)面跳轉(zhuǎn)之后會(huì)執(zhí)行，但關(guān)閉瀏覽器不能執(zhí)行；

Opera、Chrome 任何情況都不執(zhí)行。

onbeforeunload:

IE、Chrome、Safari 完美支持

Firefox 不支持文字提醒信息

Opera 不支持

IE6,IE7會(huì)出現(xiàn)bug

javascript 事件監(jiān)聽(tīng)是什么？

1、事件監(jiān)聽(tīng)的定義

在Javascript中，瀏覽器一般分為兩大類：

① 基于IE內(nèi)核的瀏覽器（版本號(hào)小于9的IE瀏覽器）

② 基于W3C內(nèi)核的瀏覽器（版本號(hào)大于9的IE瀏覽器、Firefox、Google等瀏覽器）

1）基本語(yǔ)法：基于IE內(nèi)核瀏覽器

dom對(duì)象.attachEvent(type，callback，capture) ：為元素綁定事件監(jiān)聽(tīng)程序

參數(shù)說(shuō)明：

type：綁定的事件類型，如onclick、onmouseover、onmouseout

callback：事件的處理程序，通常是一個(gè)匿名函數(shù)

capture：使用的瀏覽器模型，冒泡模型與捕獲模型，默認(rèn)IE8以下的瀏覽器只支持冒泡模型！

2）基本語(yǔ)法：基于W3C內(nèi)核的事件監(jiān)聽(tīng)

dom對(duì)象.addEventListener(type，callback) ：為W3C內(nèi)核瀏覽器綁定事件監(jiān)聽(tīng)

參數(shù)說(shuō)明：

type：綁定事件類型，不帶’on’前綴，如click，mouseover，mouseout

callback：事件的處理程序，通常是一個(gè)匿名函數(shù)

3、總結(jié)事件監(jiān)聽(tīng)的區(qū)別

IE內(nèi)核的監(jiān)聽(tīng)方式與W3C內(nèi)核的監(jiān)聽(tīng)方式：

①方式不同

IE內(nèi)核的瀏覽器使用attachEvent進(jìn)行綁定

W3C內(nèi)核的瀏覽器使用addEventListener進(jìn)行綁定

②參數(shù)不同

IE內(nèi)核瀏覽器，其綁定方式一共有三個(gè)參數(shù)type，callback，capture（使用的瀏覽器模型）

W3C內(nèi)核瀏覽器，其綁定方式一共有二個(gè)參數(shù)，type和callback

③type參數(shù)不同

IE內(nèi)核的瀏覽器，type是需要添加’on’前綴的，如onclick

W3C內(nèi)核瀏覽器，type是不需要添加’on’前綴的，如click

④觸發(fā)順序不同

IE內(nèi)核的瀏覽器，其事件監(jiān)聽(tīng)是先綁定后觸發(fā)，后綁定的先觸發(fā)

W3C內(nèi)核的瀏覽器，其事件監(jiān)聽(tīng)是先綁定先觸發(fā)，后綁定的后觸發(fā)

本文名稱：javascript監(jiān)聽(tīng),javascript監(jiān)聽(tīng)手機(jī)鍵盤(pán)
網(wǎng)址分享：http://chinadenli.net/article6/dsgppog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、營(yíng)銷型網(wǎng)站建設(shè)、、用戶體驗(yàn)、企業(yè)網(wǎng)站制作、搜索引擎優(yōu)化

廣告

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