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

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

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

瀏覽:101日期: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系統
相關文章:
主站蜘蛛池模板: 一级建造师培训_一建培训机构_中建云筑建造师培训网校 | 一体式钢筋扫描仪-楼板测厚仪-裂缝检测仪-泰仕特(北京) | IHDW_TOSOKU_NEMICON_EHDW系列电子手轮,HC1系列电子手轮-上海莆林电子设备有限公司 | POM塑料_PBT材料「进口」聚甲醛POM杜邦原料、加纤PBT塑料报价格找利隆塑料 | 爆炸冲击传感器-无线遥测传感器-航天星百科 | 冰雕-冰雪世界-大型冰雕展制作公司-赛北冰雕官网 | 立式壁挂广告机厂家-红外电容触摸一体机价格-华邦瀛 | 聚丙烯酰胺_厂家_价格-河南唐达净水材料有限公司 | 牛皮纸|牛卡纸|进口牛皮纸|食品级牛皮纸|牛皮纸厂家-伽立实业 | 利浦顿蒸汽发生器厂家-电蒸汽发生器/燃气蒸汽发生器_湖北利浦顿热能科技有限公司官网 | 聚合氯化铝厂家-聚合氯化铝铁价格-河南洁康环保科技 | 深圳标识制作公司-标识标牌厂家-深圳广告标识制作-玟璟广告-深圳市玟璟广告有限公司 | 翅片管换热器「型号全」_厂家-淄博鑫科环保| 钢托盘,钢制托盘,立库钢托盘,金属托盘制造商_南京飞天金属制品实业有限公司 | 双工位钻铣攻牙机-转换工作台钻攻中心-钻铣攻牙机一体机-浙江利硕自动化设备有限公司 | 轴流风机-鼓风机-离心风机-散热风扇-罩极电机,生产厂家-首肯电子 | 环氧铁红防锈漆_环氧漆_无溶剂环氧涂料_环氧防腐漆-华川涂料 | 地源热泵一体机,地源热泵厂家-淄博汇能环保设备有限公司 | 上海皓越真空设备有限公司官网-真空炉-真空热压烧结炉-sps放电等离子烧结炉 | 衬氟止回阀_衬氟闸阀_衬氟三通球阀_衬四氟阀门_衬氟阀门厂-浙江利尔多阀门有限公司 | 交变/复合盐雾试验箱-高低温冲击试验箱_安奈设备产品供应杭州/江苏南京/安徽马鞍山合肥等全国各地 | 石英粉,滑石粉厂家,山东滑石粉-莱州市向阳滑石粉有限公司 | 网站建设-高端品牌网站设计制作一站式定制_杭州APP/微信小程序开发运营-鼎易科技 | 上海乾拓贸易有限公司-日本SMC电磁阀_德国FESTO电磁阀_德国FESTO气缸 | 北京三友信电子科技有限公司-ETC高速自动栏杆机|ETC机柜|激光车辆轮廓测量仪|嵌入式车道控制器 | 12cr1mov无缝钢管切割-15crmog无缝钢管切割-40cr无缝钢管切割-42crmo无缝钢管切割-Q345B无缝钢管切割-45#无缝钢管切割 - 聊城宽达钢管有限公司 | 视频教程导航网_视频教程之家_视频教程大全_最新视频教程分享发布平台 | 进口便携式天平,外校_十万分之一分析天平,奥豪斯工业台秤,V2000防水秤-重庆珂偌德科技有限公司(www.crdkj.com) | 厌氧工作站-通用型厌氧工作站-上海胜秋科学仪器有限公司 | 萃取箱-萃取槽-PVC萃取箱厂家-混合澄清槽- 杭州南方化工设备 | 膜片万向弹性联轴器-冲压铸造模具「沧州昌运模具」 | 中空玻璃生产线,玻璃加工设备,全自动封胶线,铝条折弯机,双组份打胶机,丁基胶/卧式/立式全自动涂布机,玻璃设备-山东昌盛数控设备有限公司 | 磁力抛光机_磁力研磨机_磁力去毛刺机-冠古设备厂家|维修|租赁【官网】 | 复合土工膜厂家|hdpe防渗土工膜|复合防渗土工布|玻璃纤维|双向塑料土工格栅-安徽路建新材料有限公司 | 加热制冷恒温循环器-加热制冷循环油浴-杭州庚雨仪器有限公司 | 恒温恒湿箱(药品/保健品/食品/半导体/细菌)-兰贝石(北京)科技有限公司 | 影像测量仪_三坐标测量机_一键式二次元_全自动影像测量仪-广东妙机精密科技股份有限公司 | 圆窗水平仪|伊莉莎冈特elesa+ganter| 【同风运车官网】一站式汽车托运服务平台,验车满意再付款 | 合肥角钢_合肥槽钢_安徽镀锌管厂家-昆瑟商贸有限公司 | 定制/定做冲锋衣厂家/公司-订做/订制冲锋衣价格/费用-北京圣达信 |