jQuery’s .click – pass parameters to user function

by

For thoroughness, I came across another solution which was part of the functionality introduced in version 1.4.3 of the jQuery click event handler.

It allows you to pass a data map to the event object that automatically gets fed back to the event handler function by jQuery as the first parameter. The data map would be handed to the .click() function as the first parameter, followed by the event handler function.

Here’s some code to illustrate what I mean:

// say your selector and click handler looks something like this...
$("some selector").click({param1: "Hello", param2: "World"}, cool_function);

// in your function, just grab the event object and go crazy...
function cool_function(event){
    alert(event.data.param1);
    alert(event.data.param2);
}

More Related Contents:

  1. In Javascript/jQuery what does (e) mean?
  2. jQuery 1.9 .live() is not a function
  3. How can I create an Asynchronous function in Javascript?
  4. How to add an object to an array
  5. How to create a jQuery function (a new jQuery method or plugin)?
  6. jQuery pass more parameters into callback
  7. Make function wait until element exists
  8. functions inside or outside jquery document ready
  9. jQuery call function from a string [duplicate]
  10. What event does JQuery $function() fire on?
  11. What is the purpose of this? (function ($) { //function code here })(jQuery);
  12. Passing parameters to a JQuery function
  13. jQuery asynchronous function call, no AJAX request
  14. Function not calling within an onclick event
  15. difference between parseInt() and parseFloat() [duplicate]
  16. What is wrong with this function
  17. Calculate Javascript pixel widths for list of elements
  18. Making a quiz in HTML and Javascript [closed]
  19. Escaping HTML strings with jQuery
  20. change type of input field with jQuery
  21. JavaScript/JQuery: $(window).resize how to fire AFTER the resize is completed?
  22. why javascript this.style[property] return an empty string? [duplicate]
  23. Show virtual keyboard on mobile phones in javascript
  24. Determine distance from the top of a div to top of window with javascript
  25. Ellipsis in the middle of a text (Mac style)
  26. fancybox bug with trigger click
  27. jQuery position DIV fixed at top on scroll
  28. JavaScript Regex to match a URL in a field of text
  29. Change onClick attribute with javascript
  30. Javascript function need allow numbers, dot and comma

Leave a Comment