如何取消文档方法的关闭事件 - addEventListener('close')

Question

我有mdl:的下一个对话框

document.getElementById('dialog').addEventListener('close', function (event) {
event.preventDefault()

});

所以我想取消这次活动。当我按下后退按钮时，我希望对话框不关闭。此事件可以捕获关闭事件，但无法停止事件，因为cancellable属性将设置为false。

Answer 1

您可以使用removeEventListener，但必须传递与使用addEventListener时相同的事件处理程序

const closerHandler = function (event) {
event.preventDefault();
}
document.getElementById('dialog').addEventListener('close',closerHandler); 
...    
document.getElementById('dialog').removeEventListener('close', closerHandler);

或者您可以使用rxjsfromEvent

const source = fromEvent( document.getElementById('dialog'), 'close');
const subscribe = example.subscribe(val => console.log(val));

稍后您可以使用取消订阅的方法

subscribe.unsubscribe()