jQuery want to override function on button click

Question

I already have a jQuery .on() function in which click event is passed on a button.

I want to restrict user from clicking button more than 1 but i don't want to alter current function instead write new function

$('button').on('click', function() {
    alert('hi');
});

$('button').click(function(event) {
    var count = 0;
    count = count + 1;
    if (count > 1) {
        event.preventDefault();
        console.log('dont call alert');
    }
});

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

<button>Click Me !</button>

I already have a .on() function written in another file and i dont have access to that file ... so want to override it — Jay
– Jay, Commented May 30, 2016 at 15:42

Ibrahim Khan · Accepted Answer · 2016-05-30 15:56:30Z

1

I think you are looking for something like following.

$('button').on('click', function () {
    alert('hi');
});


var isCliked = true;
$('button').click(function () {
    $('button').off('click');

    isCliked && $('button').click(function() {
        console.log('dont call alert');
        isCliked = false;
    });
});

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

answered May 30, 2016 at 15:56

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mohammad · Accepted Answer · 2016-05-30 15:53:49Z

0

JQuery off() method remove event handler of element. You can remove click event of button when it clicked. Using this work, button click event fired only once.

$("button").click(function(event){
    alert();
    $(this).off("click");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Button</button>

edited May 30, 2016 at 15:53

answered May 30, 2016 at 15:48

Mohammad

21.5k16 gold badges58 silver badges86 bronze badges

Comments

Yosvel Quintero · Accepted Answer · 2016-05-30 15:38:20Z

0

You can use jQuery .one() method:

$('button').one('click', function() {
    alert('hi');
});

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

<button>Click Me !</button>

answered May 30, 2016 at 15:38

Yosvel Quintero

19.1k5 gold badges39 silver badges47 bronze badges

1 Comment

Jay Over a year ago

I already have a .on() function written in another file and i dont have access to that file ... so want to override it

Collectives™ on Stack Overflow

jQuery want to override function on button click

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related