2017-01-23 101 views
0

我想事件時獲取事件瀏覽器操作

  • 瀏覽器重新加載圖標按下
  • 瀏覽器返回正向圖標上按
  • 刷新菜單項從瀏覽器上下文菜單
  • 新聞重新加載從任何瀏覽器
  • 頁從URL文本框

我如何能做到這一點得到刷新視圖菜單?

預先感謝您。

+2

這些都將觸發'beforeunload'和'unload'事件。 – Barmar

+0

我不認爲有什麼辦法可以知道哪種行爲觸發了它。你可以告訴的是,由於某種原因,頁面正在卸載。爲什麼你需要知道哪個圖標被按下? – Barmar

+0

@Barmar。我想防止刷新頁面。爲此,我在按鍵上用javascript開發了一個代碼,禁用了F5,Ctrl + F5,Ctrl + R.但是,上面給出的先生情況如何防止刷新? – RkInfo

回答

1

對於重載和刷新用途:

  1. window.onbeforeunload(在瀏覽器調用/標籤關閉&頁面加載)

  2. 的window.onload(頁面加載話費)

  3. window.onunload(卸載其內容和資源)

但是更好的方式來知道該頁面實際上是重新加載的是使用HTML 5導航時間API。

// check for navigation time API support 
if (window.performance) { 
    console.log("window.performance work's fine on this browser"); 
} 

if (performance.navigation.type == 1) { 
    console.log("This page is reloaded"); 
} else { 
    console.log("This page is not reloaded"); 
} 

對於前進和後退按鈕去與HTML5 demo

window.addEventListener("popstate", function(e) { 
    // if a back or forward button is clicked 
    // do whatever 
}); 
+0

謝謝先生。當我使用onload事件時,也會在頁面加載和頁面刷新時觸發。主席先生,我只想要頁面刷新事件。 – RkInfo

+0

@RkinfotechPhp請看我的編輯 – GibboK

+0

@RkinfotechPhp我很高興它解決了你的問題。快樂的編碼! :) – GibboK