如何让用户选择是否离开当前页面？

鍐欏湪寮€澶翠负浠€涔堣鍐欒繖绡囨枃绔狅紝鍥犱负姣忓懆閮芥湁浜洪棶鎴戣繖涓棶棰?..椤甸潰濡傛灉鐢ㄦ埛濉啓浜嗗緢澶氭暟鎹紝涓嶅皬蹇冪偣鍑讳簡鍏朵粬a鏍囩鎴栬€呮病鏈夊垽鏂氨鍏抽棴浜嗘祻瑙堝櫒锛岄偅涔堢敤鎴锋暟鎹細鐩存帴涓㈠け锛岄渶瑕佹暣鐞嗙寮€椤甸潰锛宭ocation.href锛宎鏍囩锛屽叧闂祻瑙堝櫒鎴栧綋鍓嶆爣绛鹃〉绛夌瓑...闇€瑕佸垽鏂暟鎹槸鍚﹀拰鍒濆鍖栦竴鑷达紙鐢ㄦ埛鏄惁濉啓杩囪〃鍗?..锛夌敤鎴烽€夋嫨绂诲紑缁х画閫昏緫锛屽惁鍒欙紝姝ｅ紡鍚姩棣栧厛瑕佺煡閬撲竴涓簨浠讹細onbeforeunload锛孧DN鐨勬弿杩版槸锛氬綋娴忚鍣ㄧ獥鍙ｅ叧闂垨鍒锋柊鏃惰Е鍙慴eforeunload浜嬩欢銆傚綋鍓嶉〉闈笉浼氱洿鎺ュ叧闂紝鍙互鐐瑰嚮纭畾鎸夐挳鍏抽棴鎴栧埛鏂帮紝涔熷彲浠ュ彇娑堝叧闂垨鍒锋柊銆傗殸锔忥細HTML瑙勮寖鎸囧嚭锛屽湪璇ヤ簨浠朵腑璋冪敤window.alert()銆亀indow.confirm()鍜寃indow.prompt()鏂规硶鍙兘浼氬け璐ュ湪鏍囩椤典笂锛屽嚭鐜板脊绐楀垹闄ゆ墍鏈夊唴瀹瑰悗,杩斿洖鍒濆杈撳叆鐨勬暟鎹紝鐐瑰嚮鍏抽棴鏍囩椤碉紝鐩存帴鍏抽棴銆傛病鏈夋彁绀虹湅鎻掍欢鏄剧ず銆傝繖涓紪杈戝櫒鐣岄潰娌℃湁浣跨敤react鍜寁ue銆傚簲璇ユ槸jq锛屾祴璇曟帶鍒跺彴锛屾病閿欙紝浣犵寽瀵逛簡锛堝皬缂栧お馃悅浜嗭紝浣犱笉娉ㄦ剰鍚楋紵锛夊洖鍒伴」鐩紝娣诲姞beforeunload浜嬩欢锛屾坊鍔犺剼鏈爣绛綻`鐐瑰嚮鍏抽棴锛屾垨鑰呮鏃惰緭鍏indow.location.href="xxx.ooo.com"锛屽氨浼氬嚭鐜伴棶棰橈紝濡傛灉鎴戦€氳繃a鏍囩璺宠浆鎬庝箞鍔烇紵閫氳繃涓€涓爣绛捐烦杞紙+鍓嶇璺敱锛夋垜鐢ㄧ殑鏄痙va/router锛屽紩鍏ョ浉鍏崇粍浠禶import{Prompt}from'dva/router';....render(){return}`寮曞叆Prompt缁勪欢锛屼紶鍏ユ秷鎭槸涓€涓柟娉曪紝鐪嬭繖涓柟娉昤publichandlePrompt=(location:Location)=>{returnfalse;};`閭ｄ箞姝ゆ椂鎴戜滑浣跨敤dva/router鐨勫巻鍙层€俻ush鏂规硶鏄敤鏉ヨ烦杞埌鍓嶇璺敱鐨勶紝鎵€浠ヤ笉鑳借烦杞紝鍥犱负handlePrompt鎬绘槸杩斿洖false锛岄櫎闈炶繑鍥瀟rue锛屽惁鍒欐棤娉曢€氳繃a鏍囩璺宠浆椤甸潰銆傘€傘€傝繖鏃跺€欙紝娌℃湁鎬庝箞涓€閿墦寮€閮芥病鏈夋晥鏋滐紝閭ｅ氨鏀规垚returntrue璇曡瘯`publichandlePrompt=(location:Location)=>{returntrue;};`闂涓€璺冲氨缁撴潫浜嗭紝濡備綍鍒ゆ柇鏄惁闇€瑕佽烦杞紵鍙傝€冨井淇″叕浼楀彿缂栬緫鍣紝濡傛灉浣犵紪杈戜簡鍐呭锛堝拰鏈€鍒濊緭鍏ョ殑鏁版嵁涓嶄竴鑷达級锛屽湪椤甸潰涓€氳繃a鏍囩璺宠浆锛屼細鍑虹幇寮圭獥纭锛夊氨寰堢畝鍗曚簡锛屾垜浠娇鐢╝ntdModal缁勪欢锛屽拰lodash鐨刣eepclone锛堟繁鎷疯礉锛夛紝_.isEqual(value,other)杩涜娣卞害姣旇緝锛屽垽鏂袱鑰呯殑鍊兼槸鍚︾浉绛夆潩娉細isEqual鏂规硶鏀寔鏁扮粍姣旇緝锛屾暟缁勭紦鍐插尯銆佸竷灏斿€笺€佹棩鏈熷璞°€侀敊璇璞°€佹槧灏勩€佹暟瀛椼€佸璞″璞°€佹鍒欒〃杈惧紡銆侀泦鍚堛€佸瓧绗︿覆銆佺鍙峰拰绫诲瀷鍖栨暟缁勩€侽bject瀵硅薄鍊兼瘮杈冭嚜韬殑灞炴€э紝涓嶅寘鎷户鎵跨殑鍜屽彲鏋氫妇鐨勫睘鎬с€備笉鏀寔鍑芥暟鍜孌OM鑺傜偣姣旇緝銆傗潪瀹炵幇鎬濊矾鍦ㄨ瑙ｇ粍浠跺垵濮嬪寲鐨勬椂鍊欙紝娣辨嫹璐濅竴涓〃鍗曟暟鎹瓨鍏ョ粍浠朵腑銆傚綋鐢ㄦ埛閫氳繃a鏍囩绂诲紑椤甸潰鏃讹紝浼氳Е鍙慼andlePrompt鏂规硶瀛樺偍鐩爣url銆傝繖鏃跺€欎娇鐢╥sEqual姣旇緝褰撳墠鏁版嵁鍜岀粍浠跺垵濮嬪寲琛ㄥ崟鏁版嵁鏄惁涓€鑷达紝濡傛灉涓嶄竴鑷达紝浼氬嚭鐜板脊绐楋紝璁╃敤鎴烽€夋嫨鏄惁绂诲紑浠ｇ爜瀹炵幇锛歚//Handlethe鑷畾涔夐€€鍑哄脊绐梙andlePrompt=(location)=>{//濡傛灉褰撳墠淇濆瓨涓篺alse锛屽脊绐椾細鎻愰啋鐢ㄦ埛鎵ц淇濆瓨鎿嶄綔if(!this.isSave){this.showModalSave(location);杩斿洖鍋囷紱}杩斿洖鐪燂紱}//鏄剧ず鎻愮ず绂诲紑鐨勫脊绐梥howModalSave=location=>{this.setState({modalVisible:true,location,});}//鐐瑰嚮纭畾淇濆瓨椤甸潰锛屼繚瀛樻垚鍔熷悗閲嶅畾鍚戣矾鐢県andleSaveAuto=()=>{const{location}=this.state;const{history}=this.props;杩欎釜.isSave=true;this.setState({modalVisible:false,});//澶勭悊淇濆瓨鎿嶄綔锛岃繖閲屽彲浠ユ浛鎹㈡垚鐐瑰嚮纭鍚庨渶瑕佸仛鐨勬搷浣渢his.handleSavePaper('save','exit',location.pathname)}`绂诲紑閫昏緫`//鍙栨秷璺敱璺宠浆gotoNewUrl(url){const{dispatch,history}=this.propsdispatch(routerRedux.push({pathname:url,}));}//鐐瑰嚮鍙栨秷鍏抽棴寮圭獥closeModalSave=()=>{const{location}=this.state;const{鏄剧ずtch,鍘嗗彶}=this.propsthis.isSave=true;this.setState({modalVisible:false,},()=>{this.gotoNewUrl(location.pathname)});}`html缁撴瀯`

鍏充簬绂诲紑褰撳墠椤甸潰锛屾槸鍚︿繚瀛樺綋鍓嶄慨鏀癸紵