Question

我有以下提交按钮：

 <input type="submit" name="submit" value="Send" class="mybutton" />

当我使用以下代码时

$(document).ready(function(){
        $("#submit").submit(function(){
                event.preventDefault();
                console.log('test');
        }
});

我的网页在Firefox中令人耳目一新，但不是Chrome。有人能指出我正确的方向吗？

我想使用提交按钮进行jQuery .ajax调用（不是常规表单提交）

Answer 1

您需要确保将event添加到事件功能的参数列表中。我认为某些浏览器具有全局event，这就是它在某些浏览器中有效的原因。

$(document).ready(function(){
   $("#submit").submit(function(event){  // The event is passed to this function
      event.preventDefault();
      console.log('test');
   }
});

Answer 2

您是否尝试将事件作为变量传递？

$(document).ready(function(){
    $("#submit").submit(function(e){
            e.preventDefault();
            console.log('test');
    }
 });

Answer 3

在函数回调中传递event参数试试这个

$(document).ready(function(){
        $("#submit").submit(function(event){
                event.preventDefault();
                console.log('test');
        }
});

Answer 4

只需在onclick函数中点击提交按钮，就像这样写下来

onclick="return myfunction();"

并在函数语句

中

myfunction () {
return false;};

Answer 5

您没有将事件添加到功能参数中修正版：

$(document).ready(function(){
        $("#submit").submit(function(event){
                event.preventDefault();
                console.log('test');
        }
});

event.preventDefault（）在Chrome中工作，而不是Firefox用于提交按钮

5 个答案: