js窗口關(guān)閉提示信息(兼容IE和firefox)
很多時(shí)候,在瀏覽網(wǎng)頁時(shí),我們需要考慮用戶不小心時(shí)關(guān)閉窗口的情況,特別是當(dāng)用戶有很重要的數(shù)據(jù)還沒有保存,我們的程序有必要對(duì)用戶進(jìn)行提醒。這個(gè)時(shí)候我們可以通過是用javascript window.onbeforeunload() 這個(gè)方法來阻止用戶關(guān)閉窗口,見如下這個(gè)例子:
<script type="text/javascript"> window.onbeforeunload=function(event){ return 'hello'; } </script>
這樣當(dāng)用戶按了關(guān)閉按鈕時(shí),便會(huì)彈出如下這個(gè)窗口(這個(gè)是兼容IE和firefox的):
其中"Hello"是返回值,當(dāng)你按了取消時(shí)是不會(huì)關(guān)閉頁面的,只有按了確定才會(huì)。返回值是少不了的,哪怕是空,否則不會(huì)作任何提示便關(guān)閉頁面。其實(shí)只要是調(diào)用了window.close()都會(huì)執(zhí)行onbeforeunload()函數(shù),由此我們可以知道,按關(guān)閉按鈕會(huì)執(zhí)行window.close()函數(shù),而window.close()里面也調(diào)用了window.onbeforeunload()函數(shù)。
有了這個(gè)小技巧,大家再也不用擔(dān)心不小心誤關(guān)窗口造成的損失了,希望大家喜歡這篇文章。
- javascript在當(dāng)前窗口關(guān)閉前檢測(cè)窗口是否關(guān)閉
- js父窗口關(guān)閉時(shí)子窗口隨之關(guān)閉完美解決方案
- jsp頁面中窗口關(guān)閉,退出的方式分享
- 打開新窗口關(guān)閉當(dāng)前頁面不彈出關(guān)閉提示js代碼
- JavaScript 捕獲窗口關(guān)閉事件
- js事件監(jiān)聽器用法實(shí)例詳解
- js實(shí)現(xiàn)滑動(dòng)觸屏事件監(jiān)聽的方法
- javascript監(jiān)聽鼠標(biāo)滾輪事件淺析
- JS針對(duì)瀏覽器窗口關(guān)閉事件的監(jiān)聽方法集錦
相關(guān)文章
把input初始值不寫value的具體實(shí)現(xiàn)方法
比如制作一個(gè)最常見的,input初始值,一般以前,我都只是寫在input的value里,要把初始值單獨(dú)寫出來,于是我比較傻逼,就用<span>標(biāo)簽寫,定位在input上,讓它單擊和input獲焦上都消失2013-07-07JS實(shí)現(xiàn)對(duì)中文字符串進(jìn)行utf-8的Base64編碼的方法(使其與Java編碼相同)
這篇文章主要介紹了JS實(shí)現(xiàn)對(duì)中文字符串進(jìn)行utf-8的Base64編碼的方法,對(duì)比java的base64編碼程序,分析了javascript實(shí)現(xiàn)base64編碼的相關(guān)技巧,需要的朋友可以參考下2016-06-06Javascript中定義方法的另類寫法(批量定義js對(duì)象的方法)
用了很多的Javascript框架,偶爾也會(huì)去看一下框架的源碼,經(jīng)常會(huì)看到這樣的代碼。2011-02-02ES6學(xué)習(xí)教程之對(duì)象的擴(kuò)展詳解
這篇文章主要給大家介紹了ES6中對(duì)象擴(kuò)展的相關(guān)資料,文中介紹的非常詳細(xì),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起看看吧。2017-05-05從JavaScript純函數(shù)解析最深刻的函子 Monad實(shí)例
這篇文章主要為大家介紹了從JavaScript純函數(shù)解析最深刻的函子 Monad實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10JavaScript實(shí)現(xiàn)煙花和福字特效
這篇文章主要介紹了利用JavaScript實(shí)現(xiàn)放煙花特效和用字符“$”繪制“?!弊?,文中的示例代碼簡(jiǎn)潔易懂,感興趣的小伙伴可以學(xué)習(xí)一下2022-01-01JavaScript實(shí)現(xiàn)上下浮動(dòng)的窗口效果代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)上下浮動(dòng)的窗口效果代碼,可實(shí)現(xiàn)自定義窗口在垂直方向上彈性移動(dòng)的效果,代碼備有完整的注釋說明供讀者參考學(xué)習(xí),需要的朋友可以參考下2015-10-10