how to make my code only alert 'gggg' , can not delete the first Statement using jquery

Question

this is my code :

<input type="button" value="edit" id="edit"/>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
    $('input').click(function(){
            alert('sss')
        })
    $('input').click(function(){
            alert('gggg')
        })
</script>

and when i click the button, it alert twitce,

so how to Cover the first Statement ,

thanks

Answer 1

$('input').click(function(){ 
        alert('gggg') ;
        return false;
    }) 

or

$('input').click(function(event){ 
        alert('gggg') ;
        event.stopPropagation();
    }) 

Now to completely get rid of that event handler, you could unbind it:

$('input').click(function(){
        alert('sss')
    });
// :
// :

$('input').unbind("click");
$('input').click(function(){
        alert('gggg')
    })

Answer 2

You could use jQuery.unbind() method to remove any click event listener from specified elements and then bind a new one:

$("input").unbind("click").click(function() {
    alert("This is the only listener bound to this element");
});

Answer 3

Remove this from the <script> block

$('input').click(function(){
    alert('sss')
})

so that you are left with only

<input type="button" value="edit" id="edit"/>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
    $('input').click(function(){
        alert('gggg');
    });
</script>