javascript - DOM 事件在被停止或阻止后是否可以允许其默认行为？

Question

我想允许某些元素的默认事件行为(即 <a> 和 <form>)，直到我可以确定 Google Analytics 队列中的项目已被处理。

我见过很多方法都涉及添加一个事件监听器来停止传递的事件(event.stop() 或 event.stopPropagation() 或 return false)，或阻止其默认行为(event.preventDefault())。这就要求以某种方式重写行为，而不是仅仅传递/激活/释放原始事件。

例如，借助 mootools，我可以在 <a id="special-a-element"> 上使用以下事件处理程序在重定向到目标文档之前推送和处理 GA 事件:

$('special-a-element').addEvent('click', function() {
    var url = this.get('href');
    _gaq.push(['_trackEvent', 'category', 'action']);
    _gaq.push(function() { document.location = url; });
    return false;
});

在这里，document.location重新创建浏览器在允许处理 click 时可能执行的操作我已经停止的事件(使用 return false )；这似乎是不必要的。如果special-a-element怎么办有target = "_blank" ？监听器不会在新窗口中打开链接，而是在当前窗口中打开链接(因为 document.location )。

所以我想允许默认行为而不停止它然后重新实现它。有什么建议吗？

Answer 1

你能不能做点像...

$(...).addEvent(function(e) {
  setTimeout(function() {
    e.target.parentNode.dispatchEvent(e)
  }, 1000);

  // cancel the event
  return false;
})