除非经过调试，否则 Firefox JS 不会运行答案

【问题标题】：Firefox JS not running unless debugged除非经过调试，否则 Firefox JS 不会运行
【发布时间】：2014-10-14 15:16:09
【问题描述】：

我有一段简单的代码，它在 IE 和 Chrome 中都可以正常工作，但在 Firefox 中不能正常工作，除非经过调试。

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.7.1.js" > </script>
<script>
    $(document).on("click", "#chb", function () {
        log("triggered, disabled = " + chb.disabled)
    });
    $(document).on("click", "#go", go);
    cnt = 0;
    function log(msg) {
        $("#log").append("<span>" + ++cnt + ". " + msg + "<br/></span>");
    }
    function go() {
        if (chb.disabled) {
            chb.disabled = null;
            console.log("set to null");
        }
        else {
            chb.disabled = true;
            console.log("set to true");
        }
        fireEvent(chb, "click");
    }
    function fireEvent(element, event) {
        var evt = document.createEvent("HTMLEvents");
        evt.initEvent(event, true, true); // event type,bubbling,cancelable
        return !element.dispatchEvent(evt);
        console.log("Event fired");
    }
</script>
<style>
</style>
</head>
<body>
<input type="checkbox" id="chb">
<input type="button" id="go" value="Go">
<div id="log" />
</body>
</html>

似乎 Firefox 无法触发事件。有人知道可能是什么问题吗？

【问题讨论】：

到目前为止你做了什么来调试这个问题？控制台是否显示任何错误？
问题是，如果经过调试，代码就可以正常工作。（它触发 fireEvent 并添加）。但是，当您禁用调试器时，它根本无法正常工作。

标签： javascript jquery firefox jquery-events

【解决方案1】：

好的，所以如果有人偶然发现这个问题......问题是它是一个错误。在 Firefox 中的某个地方存在一个问题，即您无法在您再次启用输入、按钮或其他任何内容后模拟事件。只需使用一个函数，（例如，在这种情况下，它会是这样的：

    $(document).on("click", "#chb", logg);
     function logg () {
        log("triggered, disabled = " + chb.disabled)
    }
    /// some code here
    function go() {
        if (chb.disabled) {
            chb.disabled = null;
            console.log("set to null");
        }
        else {
            chb.disabled = true;
            console.log("set to true");
        }
        if(!chb.disabled)
             logg()

    }

希望对你有帮助

【讨论】：