捕捉单击事件的提交按钮的jQuery(capture click event of submit b

我试图让一个提交按钮的单击事件我的形式...

<input type="submit" value="Search By Demographics" class="button" id="submitDemo"/>

这是我想从该事件的按钮。

$('#submitDemo').click(
        alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
        //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
    );

这是我想在点击按钮做。 我想提出一个加载图像周围一个div，然后在不同的功能解除封锁。 目前，覆盖弹出的页面加载，而不是的onClick时。 我在做什么

Answer 1:

试试这个

$('#submitDemo').live("click",function() {
  // your stuff
});

正如@ px5x2指出的是住的是弃用所以不是现场使用ON

$('#submitDemo').on("click",function() {
  // your stuff
}); 

Answer 2:

$('#submitDemo').click(function() {
  // do your stuff
});

Answer 3:

你需要运行脚本时，DOM是准备好了，并提供一个回调到点击的方法：

$(function() {
    $('#submitDemo').click(function() {
        // do your stuff
    });
});

Answer 4:

你必须包住你的代码的功能..

$('#submitDemo').click(function(){
    alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
    //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
});

但它始终是使用上，以便它重视的事件处理程序的元素时可用的情况下绑定一个很好的做法。所以

$('#submitDemo').on('click',function(){
    alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
    //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
});

Answer 5:

对于表单，你也可以绑定在表单提交按钮的点击。

$("#form_selector").submit(function{
// Do your stuff
})

其中“form_selector”的形式为ID，其中点击提交按钮。

Answer 6:

你可能不包括在你的代码jQuery库！

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

文章来源: capture click event of submit button jquery