IOS10的微信內(nèi)核更新以后---返回事件

? ? ? ? 在ios10.2系統(tǒng)之下抗悍,微信內(nèi)核升級(jí)為WKwebview內(nèi)核之后滤否,進(jìn)行了一系列改變佣盒,其中一部分便是返回按鈕事件,取消了返回之后的刷新功能顽聂。

? ? ? ?而在實(shí)際的應(yīng)用中,我們常常需要實(shí)現(xiàn)在移動(dòng)app和瀏覽器中點(diǎn)擊返回盯仪、后退紊搪、上一頁(yè)等按鈕實(shí)現(xiàn)自己的關(guān)閉頁(yè)面、調(diào)整到指定頁(yè)面或執(zhí)行一些其它操作的需求全景,那在代碼中怎樣監(jiān)聽(tīng)當(dāng)點(diǎn)擊微信耀石、支付寶、百度糯米爸黄、百度錢(qián)包等app的返回按鈕或者瀏覽器的上一頁(yè)或后退按鈕的事件呢滞伟?

? ? ? ? 首先我們需要知道如何來(lái)監(jiān)聽(tīng)這個(gè)返回事件:

返回、后退炕贵、上一頁(yè)按鈕點(diǎn)擊監(jiān)聽(tīng)實(shí)現(xiàn)代碼:

window.addEventListener("popstate",function(e) {

? ? ? ?alert("我監(jiān)聽(tīng)到了瀏覽器的返回按鈕事件啦");//根據(jù)自己的需求實(shí)現(xiàn)自己的功能

},false);


? ? ? ?然后我們要了解H5的history梆奈,,它的API如下:

1. history.pushState與history.replaceState称开。

A)history.length:當(dāng)前歷史列表中的歷史記錄數(shù)(我大概測(cè)了下亩钟,IE6+是從0開(kāi)始的乓梨,其他的是從1開(kāi)始的,若有誤請(qǐng)反饋哈清酥,(^_^)扶镀;

B)history.Go(n):前進(jìn)或后退n條記錄,當(dāng)n=0或空時(shí)會(huì)刷新當(dāng)前頁(yè)焰轻;

C)history.back():后退一步臭觉;

D)history.forward():前進(jìn)一步;

2.HTML5新增的API

A)history.pushState(data, title [, url]):往歷史記錄堆棧頂部添加一條記錄; data會(huì)在onpopstate事件觸發(fā)時(shí)作為

參數(shù)傳遞過(guò)去辱志;title為頁(yè)面標(biāo)題蝠筑,當(dāng)前所有瀏覽器都會(huì) 忽略此參數(shù);url為頁(yè)面地址荸频,可選菱肖,缺省為當(dāng)前頁(yè)地址;

B)history.replaceState(data, title [, url]) :更改當(dāng)前的歷史記錄旭从,參數(shù)同上稳强;

C)history.state:用于存儲(chǔ)以上方法的data數(shù)據(jù),不同瀏覽器的讀寫(xiě)權(quán)限不一樣和悦;

D)window.onpopstate:響應(yīng)pushState或replaceState的調(diào)用退疫;有了這幾個(gè)新的API,針對(duì)支持的瀏覽器鸽素,

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末褒繁,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子馍忽,更是在濱河造成了極大的恐慌砰碴,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,816評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件絮爷,死亡現(xiàn)場(chǎng)離奇詭異壶硅,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)瓦呼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)喂窟,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人央串,你說(shuō)我怎么就攤上這事磨澡。” “怎么了质和?”我有些...
    開(kāi)封第一講書(shū)人閱讀 158,300評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵稳摄,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我饲宿,道長(zhǎng)秩命,這世上最難降的妖魔是什么尉共? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,780評(píng)論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮弃锐,結(jié)果婚禮上袄友,老公的妹妹穿的比我還像新娘。我一直安慰自己霹菊,他們只是感情好剧蚣,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,890評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著旋廷,像睡著了一般鸠按。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上饶碘,一...
    開(kāi)封第一講書(shū)人閱讀 50,084評(píng)論 1 291
  • 那天目尖,我揣著相機(jī)與錄音,去河邊找鬼扎运。 笑死瑟曲,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的豪治。 我是一名探鬼主播洞拨,決...
    沈念sama閱讀 39,151評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼负拟!你這毒婦竟也來(lái)了烦衣?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,912評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤掩浙,失蹤者是張志新(化名)和其女友劉穎花吟,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體厨姚,經(jīng)...
    沈念sama閱讀 44,355評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡示辈,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,666評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了遣蚀。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,809評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡纱耻,死狀恐怖芭梯,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情弄喘,我是刑警寧澤玖喘,帶...
    沈念sama閱讀 34,504評(píng)論 4 334
  • 正文 年R本政府宣布,位于F島的核電站蘑志,受9級(jí)特大地震影響累奈,放射性物質(zhì)發(fā)生泄漏贬派。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,150評(píng)論 3 317
  • 文/蒙蒙 一澎媒、第九天 我趴在偏房一處隱蔽的房頂上張望搞乏。 院中可真熱鬧,春花似錦戒努、人聲如沸请敦。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)侍筛。三九已至,卻和暖如春撒穷,著一層夾襖步出監(jiān)牢的瞬間匣椰,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,121評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工端礼, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留禽笑,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,628評(píng)論 2 362
  • 正文 我出身青樓齐媒,卻偏偏與公主長(zhǎng)得像蒲每,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子喻括,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,724評(píng)論 2 351

推薦閱讀更多精彩內(nèi)容