addEventListener 如何判断一定时间内是否触发事件

[wico97]

if (window.DeviceMotionEvent) { window.addEventListener("devicemotion", motionHandler, false); } else { document.body.innerHTML = "What user agent u r using???"; } 很多时候要等很久才触发事件。所以很影响页面加载。如何给 eventlistener 设置个 timer,在一定时间内如果不触发时间就输出默认值？

[geelaw]

你可以用一个值手动触发这个 handler 让页面正常加载。

[geelaw]

当然如果你执意要判断事件的发生，可以用 setTimeout。

(function ()
{

var happened = false;
var happenedHandler = function() { happened = true; };
var detectIfHappenedHandler = function ()
{
if (!happened)
alert('The event has not happened since it was registered.');
});
window.addEventListener('yourEvent', happenedHandler, false);
window.setTimeout(detectIfHappenedHandler, 1000)

})();

[geelaw]

@geelaw 更正：


(function ()
{

var happened = false;

var happenedHandler = function()
{
window.removeEventListener('yourEvent', happenedHandler, false);
happened = true;
};

var detectIfHappenedHandler = function ()
{
if (!happened)
alert('The event has not happened since it was registered.');
};

window.addEventListener('yourEvent', happenedHandler, false);
window.setTimeout(detectIfHappenedHandler, 1000)

})();

[wico97]

@geelaw 不过这样也不能判断在一定时间内捕捉到 event 呀。最好想在页面加载的时候就判断是否捕捉到事件，否则输出默认值。

[geelaw]

@wico97 不明白你在说什么。如果上面那段代码执行之后 1 秒后没有发生 yourEvent，那么 detectIfHappenedHandler 就会运行。

如果你想知道 yourEvent 到底会不会发生，你只能问问浏览器支不支持，如果浏览器的实现是坏掉的，那你是无能为力的。

[Lxxyx]

throttle 和 debounce，可以看看 loadsh 里的实现

[wico97]

@geelaw 谢谢。解决了