Question

我在html文件中有一个执行表单提交的按钮。绑定到表单提交按钮的代码来自js文件，如下所示.js文件是一个核心文件，用于跨越多个页面因此js中的代码文件无法更改。

Test.js

$(document).ready(function(){
    $("#btnClickMe").click(function(){
        $("#frmTable").trigger('submit');           
    });
});

HTML代码如下所示

<script src="jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="Test.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#btnClickMe").click(function(){
        $("#frmTable").off('trigger');
    });
});
</script>    
</head>
<body>
    <form name="frmTable" id="frmTable">

    </form>
    <input type="button" name="btnClickMe" id="btnClickMe" value="Click Me"/>
</body>
</html>

现在我想覆盖附加到按钮的触发器属性，这样就不会发生表单提交。

我尝试了一些解决方法，但似乎没有任何工作。

感谢您的回复。

Answer 1

你可以尝试

$("#btnClickMe").click(function(event){
    event.preventDefault();
           OR
     event.stoppropagation();
});

将此代码放入您的html文件中，这样您就不必更改您的js文件。试试这个，我认为这会奏效。

Answer 2

<script src="Test.js" type="text/javascript"></script>
<script type="text/javascript">
     jQuery(function($){
       $("#btnClickMe").unbind('click').click(function(event){
          .
          .
       });
     }); 
</script>

如何取消绑定从外部js文件添加的触发器事件

2 个答案: