pass event object and other parameters to a JavaScript function

Question

I know similar questions have been asked, but I couldn't find any answer. There is a JavaScript function:

function init(url) {
    $('#id_search').keyup(function() {
        performsearch(url, e);
    });
}

I am trying to pass event object and the url parameter to the performsearch function:

function performsearch(url, e){
        e.preventDefault();
        console.log('perf->' + url);
    }

But e.preventDefault() gives an error:

e is not defined

What is wrong in this function call?

.keyup(function(e){ rather .on("input", function(e){ ?! The oninput event will trigger also on copy paste etc events... — Roko C. Buljan
– Roko C. Buljan, Commented Jun 24, 2017 at 12:58

Erazihel · Accepted Answer · 2017-06-24 12:53:26Z

4

You need to get the event from the keyup's callback function.

function init(url) {
    // Get the event parameter of the callback function
    $('#id_search').keyup(function (e) {
        performsearch(url, e);
    });
}

answered Jun 24, 2017 at 12:53

Erazihel

7,6456 gold badges34 silver badges56 bronze badges

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

Comments

dev mamba · Accepted Answer · 2018-09-16 15:54:02Z

1

You can do this with closure. Your problem may be solved using other solutions but you might encounter problems later on that you might need this technique.

     $('#id_search').keyup(function(url) {
         return function (evt) {
             evt.preventDefault();
             console.log('perf->' + url); 
        };

     })();

answered Sep 16, 2018 at 15:54

dev mamba

8049 silver badges10 bronze badges

Collectives™ on Stack Overflow

pass event object and other parameters to a JavaScript function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related