[英]capture click event of submit button jquery
我想在我的表单上获取提交按钮的click事件...
<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时,会弹出叠加层。 我在做什么
试试这个
$('#submitDemo').live("click",function() {
// your stuff
});
因为@ px5x2指出live是弃用的,所以不是实时使用ON
$('#submitDemo').on("click",function() {
// your stuff
});
$('#submitDemo').click(function() {
// do your stuff
});
您需要在DOM准备好时运行脚本,并提供对click方法的回调:
$(function() {
$('#submitDemo').click(function() {
// do your stuff
});
});
你必须在一个函数中包含你的代码..
$('#submitDemo').click(function(){
alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
//$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
});
但是使用on绑定事件始终是一个好习惯,以便在可用时将事件处理程序附加到元素上。所以
$('#submitDemo').on('click',function(){
alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
//$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
});
对于表单,您还可以绑定提交按钮单击表单。
$("#form_selector").submit(function{
// Do your stuff
})
其中'form_selector'是单击提交按钮的形式的id。
您可能没有在代码中包含jquery库!
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.