Add a click event and disable the click event after the click

[gowda24]

<div id="ClickTxt" class="">
     <input type="text" name="admin" value=""/>
    
</div>

$(document).ready(function(){
    $('#ClickTxt').on('click',function(){
            $(this).css('background-color','#f5f5f5');
     });

});

How can we unbind the click event after the click.

[Paulie_D]

Simplest way would be to give give the element an one-time class initially and remove/toggle it as part of part of your function.

[noahgelman]

$(document).ready(function(){
    $('#ClickTxt').on('click',function(){
            $(this).css('background-color','#f5f5f5').unbind('click');
     });

});

[Taufik Nurrohman]

$(document).ready(function(){
    $('#ClickTxt').on('click',function() {
        if ($(this).hasClass('clicked') return; // Disable click function if element has a class "clicked"
        $(this).addClass('clicked') // Add a "clicked" class on click
            .css('background-color','#f5f5f5').off('click');
    });
});

[Podders]

If your using .on() then just call .off() inside the click event handler

$(document).ready(function(){
    $('#ClickTxt').on('click',function(){
            $(this).css('background-color','#f5f5f5').off();
     });
});

[Paulie_D]

Could you not just use .one ?

http://api.jquery.com/one/

[dyr]

We put a click in your click so you can click while you click..

[Author]

Posts