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?

Answer 1

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);
    });
}

Answer 2

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); 
        };

     })();