javascript - 提交按钮可在Chrome中使用，但不能在Firefox或IE中使用

我有一个提交按钮，在Chrome中似乎可以单击，但在FF或IE中却无法单击。任何帮助，将不胜感激!我觉得按钮的格式不正确。

  <button> <img src="http://button_image.png" onclick="mySubmit();" ></button>

附加到mySubmit的JQ是:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script>
function mySubmit(){
    var myForms = $("form");
    myForms.each(function(index) {
        var form = myForms.eq(index);
        var serializedForm = form.serialize();
        serializedForm += '&s_referer_fname='+$('#s_refererFname').val();
        $.post("http://post.aspx", serializedForm, function (data, status) {
            if (status === "success"){
                window.location.href= "http:url.aspx?";
            }
        });
    });
}
</script>

最佳答案

在FF和IE中，似乎onclick事件是通过按钮而不是图像标签捕获的。

如果要触发事件，则跨浏览器将其分配给按钮。
这样，它就可以在浏览器中从图像中传播出来，从而将其从图像中抬起，而其他浏览器则立即在按钮上捕获它。

<button onclick="mySubmit();"> <img src="http://button_image.png" ></button>

将在FF，IE和Chrome中运行►https://jsfiddle.net/aspqwc3p/1/

关于javascript - 提交按钮可在Chrome中使用，但不能在Firefox或IE中使用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41247205/