我有一个事件监听器超时设置为事件监听功能
elem.addEventListener('evt', fooFn(){alert("OK")});
我想有此事件侦听器的超时。所以我们假设,如果它在3秒内没有收到任何名为'evt'的事件,我想要通知它超时。
我试图与setTimeout
功能,但到目前为止,我不管理的addEventListener
回调函数(fooFn
)的内部变量传递给setTimeout
之一。
关于我如何制作它的任何想法?
我有一个事件监听器超时设置为事件监听功能
elem.addEventListener('evt', fooFn(){alert("OK")});
我想有此事件侦听器的超时。所以我们假设,如果它在3秒内没有收到任何名为'evt'的事件,我想要通知它超时。
我试图与setTimeout
功能,但到目前为止,我不管理的addEventListener
回调函数(fooFn
)的内部变量传递给setTimeout
之一。
关于我如何制作它的任何想法?
var evtFired = false;
setTimeout(function() {
if (!evtFired) {
// show notification that evt has not been fired
}
}, 3000);
function fooFn() {
evtFired = true;
alert('OK');
}
elem.addEventListener('evt', fooFn);
也许这将工作,只是放在外部范围
谢谢,这工作得很好! – luthien
“内部变量”我认为这应该工作。
function addTimeoutEvent(elem){
var timeout = setTimeout(function(){
alert('the time is out');
elem.removeEventListener('evt',foo)
},3000);
elem.addEventListener('evt', foo);
function foo(){
if(timeout)
clearTimeout(timeout);
alert("OK")
}
}
尝试以下解决方案:
let btn = document.getElementById('btn');
let timeOut = setTimeout(() => {
btn.removeEventListener('click', handler);
alert('no event on btn');
}, 3000);
let handler = x => {
clearTimeout(timeOut);
alert('click on btn')
};
btn.addEventListener('click', handler);
<button id="btn">click me within 3 sec</button>
你可以尝试更清楚地重写你的要求是什么?该事件是否会触发超时或事件是否取消超时或两者? – Touffy