写了个 JavaScript，但是事件不生效。

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2791 天前的主题，其中的信息可能已经有所发展或是发生改变。

var href=location.href;
function defaulturl() {
history.replaceState(null,null,href);
location.hash='#';
}
function newurl() {
history.replaceState(null,null,location.protocol+'//'+location.host+location.pathname);
location.hash='#Have fun!';
}
function lostblur() {
window.onblur=function () {
setTimeout(defaulturl,10);
};
}
newurl();
lostblur();
window.onfocus=function () {
lostblur();
setTimeout(newurl,10);
};
window.oncontextmenu=function () {
window.onblur=null;
defaulturl();
};
window.onkeyup=function () {
if (event['keyCode'] == 116) {
window.onblur=null;
window.onfocus=null;
defaulturl();
}};
window.onbeforeunload=function () {
window.onblur=null;
window.onfocus=null;
defaulturl();
};

其中出问题的部分是：

window.onbeforeunload=function () {
window.onblur=null;
window.onfocus=null;
defaulturl();
};

这段代码在我的浏览器上看已经生效了，但是刷新的时候仍然是使用原来的 URL 导致页面不正确。按 F5 则是生效的，之前研究并加了

window.onkeyup=function () {
if (event['keyCode'] == 116) {
window.onblur=null;
window.onfocus=null;
defaulturl();
}};

绑定F5后快捷键刷新才可用，但是点击刷新按钮仍不行。兼容浏览器是IE9+ / Chrome / Firefox 希望用这段JS代码达到的效果是：在页面范围内，且页面是焦点，将URL参数隐藏，并将锚点设为#Have fun!。在非焦点（复制URL，收藏等） / 点击刷新按钮 / F5刷新页面 / 打开右键菜单（创建快捷方式 / 打印）时恢复原URL。

4 条回复 • 2017-04-04 15:05:18 +08:00