I want to store the function reference in a variable and re use it by calling wherever required. Suppose I have a click bound function like this:
var clickEvent = $('#mode').click(function () {
alert("Hello");
});
And I want to reuse it like this:
//call somewhere
clickEvent();
But it is showing an error clickEvent is not a function, why ?
Keep the snippet inside a function , but even in that case the click event won't be triggered.
var x = function() {
$('#mode').click(function() {
alert("Hello");
});
// on call of this function click event will
$("#mode").trigger('click')
}
x()<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="mode"> Click</button>With only javascript
var x = function() {
var el = document.getElementById('mode')
el.addEventListener('click', function() {
alert('clicked')
})
el.click();
}
x()<button id="mode"> Click</button>$('#mode').click(...) doesn't return a function, it returns the value of $('#mode') so that you can chain method, e.g. $('#mode').click(...).change(...).
If you want a name for the handler function, define it separately:
function clickEvent() {
alert("Hello");
}
and then use it in the event binding:
$("#mode").click(clickEvent);
or call it directly:
clickEvent();
function clickEvent().click()doesn't return a function, it returns the jQuery object it was called on, so they can be chained. What are you expectingclickEvent()to do?