html - Mozilla Firefox 表示 Referenceerror 事件未定义，没有解决方案

Question

我的代码遇到了问题。我搜索并找到了几种解决方案，但没有一个能解决问题。问题是 mozilla firefox 给我一个错误:事件已定义。其他浏览器工作正常。我调用该函数的 HTML 代码:

var demoMap = '<table class="popup" onclick="closePopup(this)"><tr><td>';

和 JavaScript

function closePopup(e) {

   if ( $(event.target).closest("#map").get(0) == null ) {    
        $(e).fadeOut(500, function () {
            $(e).remove();
        });
    }
}

Answer 1

事件未定义。您应该将 $(event.target) 更改为 $(e.target)。

更多 - 您不应在代码中使用内联 JavaScript。我的解决方案是将代码重写为:

var demoMap = '<table class="popup"><tr><td>; // Why HTML string in JS?

还有 JS 的其余部分:

$('table.popup').on('click', closePopup);
function closePopup(e) {
    var $this = $(this);
    if ( $this.closest("#map").get(0) == null ) {    
        $this.fadeOut(500, function () {
            $this.remove();
        });
    }
}