如何处理按钮在jQuery中单击事件？

问题描述：

我需要一个按钮，并在jQuery中处理它的事件。而我正在写这个代码，但它没有工作。我错过了什么？如何处理按钮在jQuery中单击事件？

<!-- Begin Button --> 
<div class="demo"> 
<br> <br> <br> 
<input id = "btnSubmit" type="submit" value="Release"/> 
<br> <br> <br> 
</div> 
<!-- End Button -->

而在javascript文件

function btnClick() 
{ 
    // button click 
    $("#btnSubmit").button().click(function(){ 
     alert("button"); 
    });  
}

为什么不把它拿出来封闭`btnClick`功能？我没有看到增加的内容 – CodyBugstein 2014-07-23 20:43:16

答

你必须把事件处理程序中的$（document）。就绪（）事件：

$(document).ready(function() { 
    $("#btnSubmit").click(function(){ 
     alert("button"); 
    }); 
});

答

$("#btnSubmit").click(function(){ 
     alert("button"); 
    });

答

<script type="text/javascript"> 

    $(document).ready(function() { 

    $("#Button1").click(function() { 

     alert("hello"); 

    }); 

    } 
    ); 

</script>

答

件

对我的作品

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 

$("#btn").click(function() { 
    alert("email") 
}); 

</script>

答

$(document).ready(function(){ 

    $('your selector').bind("click",function(){ 
      // your statements; 
    }); 

    // you can use the above or the one shown below 

    $('your selector').click(function(e){ 
     e.preventDefault(); 
     // your statements; 
    }); 


});

好，因为是唯一插入preventDefault（） – Gabrer 2014-12-20 11:16:18

答

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

<script> 
$(document).ready(function(){ 
    $("#button").click(function(){ 
    alert("Hello"); 
    }); 
}); 
</script> 

<input type="button" id="button" value="Click me">

答

$('#btnSubmit').click(function(event){ 
    alert("Button Clicked"); 
});

或者您正在使用提交按钮，这样就可以像在形式上的validate事件编写代码

$('#myForm').validate(function(){ 
    alert("Hello World!!"); 
});

答

$('#btnSubmit').click(function(){ 
    alert("button"); 
});

或

//Use this code if button is appended in the DOM 
$(document).on('click','#btnSubmit',function(){ 
    alert("button"); 
});

更多信息，请参阅文档：
https://api.jquery.com/click/

如何处理按钮在jQuery中单击事件？

相关推荐