电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

window.onbeforeunload方法在IE下無法正常工作的解決辦法

瀏覽:104日期:2022-12-01 09:23:19
事件的起因是由于在工作中有客戶反映,常常會有用戶在瀏覽網頁的過程中訂購了商品,但是由于用戶一下子打開的窗口過多,又或者在敲打鍵盤時,錯誤地按到了F5鍵,導致頁面刷新或者不正常關閉,而這時在該網頁上所做的一切操作的信息都丟失了,如果我們可以提供一個在客戶信息未處理完成時的提示那該多好啊,下面的代碼可以做到不管用戶是點擊了關閉,或者是在任務欄關閉、點擊后退、刷新、按F5鍵,都可以檢測到用戶即將離開的消息。 復制代碼 代碼如下: script type='text/javascript' language='javascript' function bindunbeforunload() { window.onbeforeunload=perforresult; } function unbindunbeforunload() { window.onbeforeunload=null; } function perforresult() { return'當前操作未保存,如果你此時離開,所做操作信息將全部丟失,是否離開?'; } /script 只需要將bindunbeforunload()方法注冊到要檢測的頁面上即可,你可以在body的onload或者document.ready中注冊這個方法,在這里我們采用的是window.onbeforeunload,即是在頁面即將卸載之前彈出提示框,好的,現在來測試一下,測試代碼: 復制代碼 代碼如下: html headtitlethis is id onbeforunload event test/title /head script type='text/javascript' language='javascript' function bindunbeforunload() { window.onbeforeunload=perforresult; } function unbindunbeforunload() { window.onbeforeunload=null; } function perforresult() { return'當前操作未保存,如果你此時離開,所做操作信息將全部丟失,是否離開?'; } /script body onload='javascript:return bindunbeforunload();' h1test is start/h1 input type='button' value='綁定事件' onclick='return biindunbeforunload();'/ input type='button' value='刪除綁定事件' onclick='unbiindunbeforunload();'/ /body /html 上面的代碼就是我此次測試的所有代碼了,現在刷新頁面,嗯,很好,彈出了我們期望中的對話框。但是當我在IE下打開上述代碼時,我的“刪除事件綁定按鈕”沒有發揮作用,這讓我很崩潰,國內3分之2的用戶都在使用IE,特別是在使用該死的IE6、7,如果我的代碼不能在IE6、7下正常的工作,那相當于我的工作是白做了,當然,獎金的那些事情就更不用想了。辦法都是人想出來的,好吧,我利用一個全局變量來控制是否彈出對話框,修改后的'javascript'代碼如下: 復制代碼 代碼如下: script type='text/javascript' language='javascript' var goodexit=false; function bindunbeforunload() { goodexit=false; window.onbeforeunload=perforresult; } function unbindunbeforunload() { goodexit=true; window.onbeforeunload=null; } function perforresult() { if(!goodexit) { return'當前操作未保存,如果你此時離開,所做操作信息將全部丟失,是否離開?'; } } /script 同時調用刪除綁定事件時,將變量goodexit的值更改為:true,表示用戶是正常退出,這樣自然不會彈出對話框了。 再測試一下,正常了,對,這就是我想要的結果! 本篇文章源于從Brandon Himes處而得,并且還是從google快照,源文鏈接已找不到,本來想翻譯的,但是本人水平實在有限,看得懂而已,如果翻譯得不好反而招罵,如果朋友們想看源文,請直接點擊這里,這是快照地址,可能一段時間后就不存在了。您可能感興趣的文章:onbeforeunload與onunload事件異同點總結判斷用戶的在線狀態 onbeforeunload事件使用onbeforeunload屬性后的副作用關閉瀏覽器時提示onbeforeunload事件
標簽: Windows系統
相關文章:
主站蜘蛛池模板: 上海小程序开发-上海小程序制作公司-上海网站建设-公众号开发运营-软件外包公司-咏熠科技 | 浇注料-高铝砖耐火砖-郑州凯瑞得窑炉耐火材料有限公司 | 托盘租赁_塑料托盘租赁_托盘出租_栈板出租_青岛托盘租赁-优胜必达 | 济南冷库安装-山东冷库设计|建造|冷库维修-山东齐雪制冷设备有限公司 | 镀锌角钢_槽钢_扁钢_圆钢_方矩管厂家_镀锌花纹板-海邦钢铁(天津)有限公司 | 领袖户外_深度旅游、摄影旅游、小团慢旅行、驴友网 | 胶泥瓷砖胶,轻质粉刷石膏,嵌缝石膏厂家,腻子粉批发,永康家德兴,永康市家德兴建材厂 | 赛默飞Thermo veritiproPCR仪|ProFlex3 x 32PCR系统|Countess3细胞计数仪|371|3111二氧化碳培养箱|Mirco17R|Mirco21R离心机|仟诺生物 | 中红外QCL激光器-其他连续-半导体连续激光器-筱晓光子 | 杭州月嫂技术培训服务公司-催乳师培训中心报名费用-产后康复师培训机构-杭州优贝姆健康管理有限公司 | 苏商学院官网 - 江苏地区唯一一家企业家自办的前瞻型、实操型商学院 | 保健品OEM贴牌代加工厂家_德州健之源| 全屋整木定制-橱柜,家具定制-四川峨眉山龙马木业有限公司 | 钢结构厂房造价_钢结构厂房预算_轻钢结构厂房_山东三维钢结构公司 | TPE塑胶原料-PPA|杜邦pom工程塑料、PPSU|PCTG材料、PC/PBT价格-悦诚塑胶 | 河南道路标志牌_交通路标牌_交通标志牌厂家-郑州路畅交通 | 变色龙PPT-国内原创PPT模板交易平台 - PPT贰零 - 西安聚讯网络科技有限公司 | 宁波普瑞思邻苯二甲酸盐检测仪,ROHS2.0检测设备,ROHS2.0测试仪厂家 | 分轨 | 上传文件,即刻分离人声和伴奏| 合肥地磅_合肥数控切割机_安徽地磅厂家_合肥世佳电工设备有限公司 | 杭州网络公司_百度SEO优化-外贸网络推广_抖音小程序开发-杭州乐软科技有限公司 | 【孔氏陶粒】建筑回填陶粒-南京/合肥/武汉/郑州/重庆/成都/杭州陶粒厂家 | nalgene洗瓶,nalgene量筒,nalgene窄口瓶,nalgene放水口大瓶,浙江省nalgene代理-杭州雷琪实验器材有限公司 | ETFE膜结构_PTFE膜结构_空间钢结构_膜结构_张拉膜_浙江萬豪空间结构集团有限公司 | 驾驶人在线_专业学车门户网站 | 壹车网 | 第一时间提供新车_资讯_报价_图片_排行! | 成都软件开发_OA|ERP|CRM|管理系统定制开发_成都码邻蜀科技 | 郑州律师咨询-郑州律师事务所_河南锦盾律师事务所 | Boden齿轮油泵-ketai齿轮泵-yuken油研-无锡新立液压有限公司 | 偏心半球阀-电动偏心半球阀-调流调压阀-旋球阀-上欧阀门有限公司 | 运动木地板厂家_体育木地板安装_篮球木地板选购_实木运动地板价格 | 篷房|仓储篷房|铝合金篷房|体育篷房|篷房厂家-华烨建筑科技官网 知名电动蝶阀,电动球阀,气动蝶阀,气动球阀生产厂家|价格透明-【固菲阀门官网】 | 高铝砖-高铝耐火球-高铝耐火砖生产厂家-价格【荣盛耐材】 | 河南砖机首页-全自动液压免烧砖机,小型砌块水泥砖机厂家[十年老厂] | 湖南成人高考报名-湖南成考网| 中国玩具展_玩具展|幼教用品展|幼教展|幼教装备展 | 线材成型机,线材折弯机,线材成型机厂家,贝朗自动化设备有限公司1 | 荣事达手推洗地机_洗地机厂家_驾驶式扫地机_工业清洁设备 | 食品机械专用传感器-落料放大器-低价接近开关-菲德自控技术(天津)有限公司 | 精密五金冲压件_深圳五金冲压厂_钣金加工厂_五金模具加工-诚瑞丰科技股份有限公司 | 灰板纸、灰底白、硬纸板等纸品生产商-金泊纸业 |