在網頁開辟中,經常會碰到在靜態的網頁上添加js代碼的環境,這里一路切磋下,經由過程一個實例,展示若何在靜態的頁面增添js代碼:判定用戶是否在瀏覽當前頁面
第一步
判定當前用戶在瀏覽頁面處于激活狀況本家兒如果經由過程javascript來判定,經由過程onblur/onfocus來判定
首選建立一個html
第二步
在html 頁面中增添javascript代碼,監聽瀏覽器有onfocus 、onblur事務,觸發這兩個事務前,需要這個頁面被onfocus
第三步
用戶正常打開頁面是不會監聽onfocus onblur事務的
第四步
在一些場景中才能觸發oblur事務,瀏覽器切換頁面的時辰、頁面有彈出提醒框的時辰,正常瀏覽頁面時辰切換到其他應用的時辰
第五步
document中有hidden屬性,可以潘丹頁面是否顯示的是當前頁面, visibilityChange事務是觸發頁面的可見事務
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!