JQuery में बटन कैसे हैंडल करें इवेंट पर क्लिक करें?

Question

मुझे एक बटन रखने और jQuery में इसकी घटना को संभालने की आवश्यकता है। और मैं यह कोड लिख रहा हूं लेकिन यह काम नहीं कर रहा है। क्या मैं कुछ भुल गया?

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

और जावास्क्रिप्ट फ़ाइल में

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

Comments

क्यों न इसे केवल एन्क्लोज़िंग btnClickफ़ंक्शन से बाहर निकाल दिया जाए ? मैं नहीं देखता कि क्या जोड़ता है

— CodyBugstein

Answer 1

आपको ईवेंट हैंडलर को $ (डॉक्यूमेंट) में डालना होगा। पहले से ही () ईवेंट:

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

Answer 2

$(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;
     });


});

Comments

अच्छा है क्योंकि एकमात्र ऐसा व्यक्ति है जो निवारण ()

— Gabrer

JQuery 1.7 के रूप में, .on()ईवेंट हैंडलर को एक दस्तावेज़ में संलग्न करने के लिए विधि पसंदीदा तरीका है। इसलिए यह बेहतर होगा:$('your selector').on("click", ...);

— टिनिन्ड्स

Answer 3

$('#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/

Comments

बटन को डोम चीज में जोड़ा जाता है, अगर नोटिफिकेशन का उपयोग किया जाता है, तो यह हमेशा एक मुद्दा होता है। इसे इंगित करने के लिए धन्यवाद

— दीपेश थापा

Answer 4

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

Answer 5

इसे इस्तेमाल करे:

$(document).on('click', '#btnClick', function(){ 
    alert("button is clicked");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <button id="btnClick">Click me</button> 

Comments

यदि इस स्क्रिप्ट के चलने के बाद #btnClick बनाया जाता है, तो इस संस्करण में अभी भी काम करने का लाभ है।

— जिमबली

Answer 6

<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">

Answer 7

<script type="text/javascript">

    $(document).ready(function() {

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

        alert("hello");

    });

    }
    );

</script>

Answer 8

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

या जैसा कि आप सबमिट बटन का उपयोग कर रहे हैं ताकि आप अपने कोड को फॉर्म की मान्य घटना जैसे लिख सकें

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

Answer 9

मेरे लिये कार्य करता है

<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>