2017-01-23 72 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