Question

我有一段简单的代码，在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>

好像FF无法触发事件。有人知道会出现什么问题吗？

Answer 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()

    }

希望它有所帮助

除非经过调试，否则Firefox JS无法运行

1 个答案: