How do I take in a event variable in Javascript / jQuery?

Question

This feels like a amateurish question, but how do you take in an event in a custom function in Javascript / jQuery?

Right now I'm using this:

$(".button").on("click", function(event){
    removeButton();
});

function removeButton() {
    $(this).removeClass("specifiedClass");
}

I'm trying to make removeButton() understand that I want it to remove the class that is on the .button itself.

I'm not sure how to make removeButton() take in the event, but I've tried:

$(".button").on("click", function(event){
    removeButton(event);
});

function removeButton(event) {
    $(this).removeClass("specifiedClass");
}

But its not working. Does anyone know how?

SLaks · Accepted Answer · 2013-08-18 17:53:36Z

5

You need pass the element as a parameter:

$(".button").on("click", function(event){
    removeButton(this);
});

function removeButton(elem) {
    $(elem).removeClass("specifiedClass");
}

answered Aug 18, 2013 at 17:53

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

2 Comments

Kyle Yeo Over a year ago

oh wow. its working perfectly. awesome! also, is it recommended to put it as removeButton(event)? Or should I put it as some other variable so as to avoid conflict?

Daniel Over a year ago

You are working with an element .. I would make it elem like in the example.

Community · Accepted Answer · 2017-05-23 11:49:51Z

1

SLaks' solution is perfectly acceptable, but if you didn't want to change your removeButton function, you could use call or apply to invoke your function with the proper this value:

$(".button").on("click", function(event){
    removeButton.call(this);
});

function removeButton() {
    $(this).removeClass("specifiedClass");
}

edited May 23, 2017 at 11:49

CommunityBot

11 silver badge

answered Aug 18, 2013 at 18:12

Kevin Ji

10.5k4 gold badges43 silver badges65 bronze badges

Collectives™ on Stack Overflow

How do I take in a event variable in Javascript / jQuery?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related