微信自帶瀏覽器對返回鍵的監聽
最近的一個微信web專案,微信自帶瀏覽器的返回鍵會對專案造成影響,自然而然得唄pm加了需求,在查閱一些列部落格以後,找到了合理的解決方案,就目前我用的手機都還是相容狀態,下面放上方法:
$(function(){
pushHistory();
window.addEventListener("popstate", function(e) {
alert("我監聽到了瀏覽器的返回按鈕事件啦");//根據自己的需求實現自己的功能
}, false);
function pushHistory() {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, "title", "#");
}
});
解釋一下
popstate:
當活動歷史記錄條目更改時,將觸發popstate事件。如果被啟用的歷史記錄條目是通過對history.pushState()的呼叫建立的,或者受到對history.replaceState()的呼叫的影響,popstate事件的state屬性包含歷史條目的狀態物件的副本。
需要注意的是呼叫history.pushState()或history.replaceState()不會觸發popstate事件。只有在做出瀏覽器動作時,才會觸發該事件,如使用者點選瀏覽器的回退按鈕(或者在Javascript程式碼中呼叫history.back())
不同的瀏覽器在載入頁面時處理popstate事件的形式存在差異。頁面載入時Chrome和Safari通常會觸發(emit )popstate事件,但Firefox則不會。
這裡的pushState是因為雖然我們監聽到了返回事件,但是頁面還是會返回上個介面,所以我們需要用pushState往history裡增加url把原來連結取代,這樣返回的時候就不會返回原來頁面了,#代表的是當前頁大家應該也都知道。
相關推薦
微信自帶瀏覽器對返回鍵的監聽
最近的一個微信web專案,微信自帶瀏覽器的返回鍵會對專案造成影響,自然而然得唄pm加了需求,在查閱一些列部落格以後,找到了合理的解決方案,就目前我用的手機都還是相容狀態,下面放上方法: $(function(){ pushHistory(); win
手機端如何實現在QQ或者微信自帶瀏覽器開啟連結後自動跳轉到預設瀏覽器開啟?
很多朋友的APP推廣連結需要在微信中進行的網頁宣傳、傳播、下載等等,但是各位朋友一定發現了微信中是遮蔽掉了APP的下載連結的。但是微信最為一個最大的社交平臺,為了自身的利益,遮蔽掉了所有APK的下載連結。我們要怎麼解決這個問題呢? 解決方案: 我們基於微信介面開發了一款全
vue 專案中 如何動態監聽瀏覽器以及iOS手機微信自帶的返回按鈕的事件
vue搭建的頁面中,左上角的返回按鈕,我自己定義了返回的了路徑,可是當執行時,就會發現,蘋果手機的下方會有自帶的返回按鈕(安卓手機沒有),那麼這個按鈕的返回事件該如何設定呢? 一般情況下,微信自帶的返回按鈕都是返回上一個路徑,可是當我的頁面時使用者掃碼進入的,沒有上一條路徑
【小程序】獲取微信 自帶的 收貨地址獲取和整理
code blog itl ucc success span .info toa pan 1、wx.chooseAddress(OBJECT) if(wx.chooseAddress){ wx.chooseAddress({ success: function (r
微信自帶的彈出框,刪除圖片
此方法用於wx自帶的上傳圖片,然後刪除圖片的場景 deleteImg: function(param) { var index = param.currentTarget.dataset.index; console.log(index); var that = this;
微信小程式去除左上角返回鍵,幾種頁面的跳轉方式
碰到這個問題,是因為沒了解這裡面的層級關係:預設的是navigator跳轉,其它跳轉方式open-type屬性可選值是'navigate'、'redirect'、'switchTab'等官網上這麼寫的:對應於wx.navigateTo、wx.redirectTo、wx.swi
微信自帶分享功能實現
最近做的微信公眾號開發,有個頁面是需要分享推廣,微信自帶的也有轉發可是轉發出去的效果是網址,這個效果顯然不是我們需要的 然後建立方法呼叫jssdk類 function jssdk($info){
微信公眾號WebApp接管返回鍵實現“再按一次退出程式”功能
按微信產品部副總經理張穎“每一個公眾號都是一個APP”的說法,我們確實可以利用微信內建瀏覽器訪問為公眾號設計WebApp單頁應用,以使得客戶在訪問公眾號時有近似原生App的體驗,不過目前這樣的公眾號很少,原因除了使用javascript開發單頁應用的難度比開發一般的We
關於微信小程式中左上角返回鍵觸發事件
此時在詳情頁點選收藏按鈕之後,點選頁面左上角的返回事件,需要在列表頁同時顯示收藏標誌,收藏是存在快取裡面的,此時如果列表頁想要獲取收藏的快取,不能在onLoad函式中獲取快取,需要在onShow函式中獲取,這樣頁面的圖示才會同步顯示
java微信模板訊息傳送功能。activeMq監聽訊息,返回模板併發送
傳送模板訊息介面: http請求方式: POST https://api.weixin.qq.com/cgi-bin/message/template/send?access_token=ACCESS_TOKEN 獲取accessToken的介面: https請求方
ionic v4 關於返回鍵監聽 (hardware back button)
android手機上的返回鍵,會自動的使路由後退。但少數時候我們可能不需要這個後退功能,希望自己監聽點選回退操作。 比如,想通過點選返回按鈕關閉一個modal,並且不想後退。 1.使用@HostListener 監聽ionBackButton事件 @HostListener('docume
微信小程式image圖片載入完成監聽
需求 在應用中顯示的圖片很多情況不滿足業務需求,我們需要動態根據圖片的寬高進行縮放或載入中顯示的預設圖片,這是我沒就需要監聽圖片載入完成回撥,來看看微信小程式怎麼實現圖片載入完成回撥。實現 1. 繫結回撥 通過image標籤的bindload屬性繫結圖片載入完成
微信公眾號開發教程(七)JSSDK-監聽分享朋友圈事件
作者:陳惠,叩丁狼教育高階講師。原創文章,轉載請註明出處。微信JS-SDK是微信公眾平臺 面向網頁開發者提供的基於微信內的網頁開發工具包。通過使用微信JS-SDK,網頁開發者可藉助微信高效地使用拍照、選圖、語音、位置等手機系統的能力,同時可以直接使用微信分享、掃一掃、卡券、支
Fragment Webview 返回鍵監聽
之前因為Fragment,不能監聽返回鍵,所以把Fragment返回監聽,放在了FragmentActivity上。 FragmentActivity.java @Override public boolean onKeyDown(int keyC
前端制作之微信小技巧__避免a標簽跳轉到手機自帶瀏覽器
廣泛 沒有 最大 進行 發送 cli bsp 兼容 效果 隨著微信的越來越大眾化,微信的使用程度也越來越高。隨之,產生了一種新的推廣模式,即微信推廣。在這個微信的大平臺上會衍生出許許多多的推廣手段。而移動前端作為服務於手機用戶的手機網頁技術,也不可避免的加入進來。 一些
微信內建瀏覽器怎麼才能自動跳轉到手機自帶瀏覽器
上半年公司有一個新的APP專案上線,我們在專案首頁做個二維碼,然後使用者用手機掃一掃就能下載了。但是很多使用者反映掃一掃之後
解決IOS微信內置瀏覽器返回後不執行js腳本的問題
style load 返回 on() cti 發現 bsp 內置瀏覽器 false 在A頁面寫一個$(function(){}) 後隨便點擊一個URL跳轉到B頁面 利用微信內置瀏覽器 返回鍵返回到A頁面後發現這段JS不執行,後來找到了解決方案 $(f
自開發自動拉群微信雲控系統,一鍵全自動拉群
target parse mes 是否 中文 number master 數字 ttr 微信自動拉群雲控系統源碼,全自動一鍵拉群。自動統計新加的好友,自動將所有新加好友一鍵拉群。服務器端下發群二維碼,手機端一鍵拉群。全自動大批量,同時拉群。 在系統的開發實現過程中,除了服
微信內建瀏覽器和支付寶內建瀏覽器 進行防止返回,返回跳轉到指定頁面
//防止返回歷史記錄 pushHistory(); function pushHistory() { var state = { title: "title", url: "#" }; window.history.pushState(sta
微信搖紅包系統對商家有什麽好處
營銷 微信 綁定 聯網 好的 微信群 不能 曾經 微信後臺 隨著移動互聯網迅速開展,互聯網思維也早已家喻戶曉,移動互聯網推廣中的一大利器,微信公眾號也成為了企業微信推廣的主要平臺,可是依然許多公司沒有意識到微信公眾號運營好主要性,許多的公司開通了微信公眾號卻不善運營,而達不