How to refer to an event inside a jQuery object?

Question

I am trying to refer to the event type here, I can refer to the element however. FIDDLE

var app = {

    open : function(el) {

                //Want to run this.. dont know how to refer to event properly
                if(jQuery(e.target).is('.cantOpen')){
                     e.preventDefault();
                     return;
                 }

                 jQuery(el).toggleClass('opened') 

         },
}

jQuery(document).ready(function() {

    //Prefer this
    jQuery('.main').click(function(e) {
            e.preventDefault();
            app.open(this)
    });

    //Ideally I dont want to add the code inside here but this does work
    jQuery('.main').click(function(e) {
            e.preventDefault();
            if(jQuery(e.target).is('.cantOpen')){
                e.preventDefault();
                return;
            }
            app.open(this)
    });


});

Hopefully you see my angle here... I would like to learn how to refer to the event type inside my open function? Is it possible? FIDDLE

Just pass it as argument? app.open(this, e) and define .open to accept a second argument. — Felix Kling
– Felix Kling, Commented Sep 16, 2013 at 8:46
This code is confusing. In one place you are using e.target and in another el for the same thing. Be consistent, the references to el can be removed entirely and then you would call the function as app.open(e). — Jon
– Jon, Commented Sep 16, 2013 at 8:47

PA. · Accepted Answer · 2013-09-16 08:52:45Z

1

You can pass both the event and the element to the called function.

var app = {
    open : function(el,ev) {

and call it

$('.main').click(function(e) {
        e.preventDefault();
        app.open(this,e)

answered Sep 16, 2013 at 8:52

PA.

29.5k10 gold badges77 silver badges102 bronze badges

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

1 Comment

Michael Joseph Aubry Over a year ago

Yeah I didnt realize that el is an argument that passes.. well lets just say I learned and this is VERY useful information :)

Collectives™ on Stack Overflow

How to refer to an event inside a jQuery object?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related