首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在jQuery中处理按钮点击事件?

如何在jQuery中处理按钮点击事件?
EN

Stack Overflow用户
提问于 2010-12-01 19:29:19
回答 9查看 562.9K关注 0票数 154

我需要一个按钮,并在jQuery中处理它的事件。我正在写这段代码,但是它不能工作。我错过了什么吗?

代码语言:javascript
复制
<!-- Begin Button -->  
<div class="demo">
<br> <br> <br>   
<input id = "btnSubmit" type="submit" value="Release"/>
<br> <br> <br>  
</div>
<!-- End Button -->

在javascript文件中

代码语言:javascript
复制
function btnClick()
{
    //    button click
    $("#btnSubmit").button().click(function(){
        alert("button");
    });    
}
EN

回答 9

Stack Overflow用户

回答已采纳

发布于 2010-12-01 19:31:48

您必须将事件处理程序放在$(document).ready()事件中:

代码语言:javascript
复制
$(document).ready(function() {
    $("#btnSubmit").click(function(){
        alert("button");
    }); 
});
票数 278
EN

Stack Overflow用户

发布于 2014-04-28 22:27:34

代码语言:javascript
复制
$(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;
     });


});
票数 28
EN

Stack Overflow用户

发布于 2017-05-25 17:54:04

代码语言:javascript
复制
$('#btnSubmit').click(function(){
    alert("button");
});

代码语言:javascript
复制
//Use this code if button is appended in the DOM
$(document).on('click','#btnSubmit',function(){
    alert("button");
});

有关详细信息,请参阅文档:

https://api.jquery.com/click/

票数 20
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4323848

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档