jQuery s click - pass parameters to user function

Question

I am trying to call a function with parameters using jQuery s  click  but I can t get it to work   This is how I want it to work       leadtoscore   click add event  shot      which calls  function add event event        blah blah blah     It works if I don t use parameters  like this       leadtoscore   click add event   function add event         blah blah blah     But I need to be able to pass a parameter through to my add event function   How can I do this specific thing   I know I can use  click function     blah    but I call the add event function from multiple places and want to do it this way

User · Answer

imgReload data  self    self                imgReload click function  e                    var  p     this  data  self                     p  reloadTable                      Set javaScript object to onclick element     imgReload data  self    self     get Object from  this  element    var  p     this  data  self

User · Answer

I had success using  on   like so       leadtoscore   on  click    event type   shot    add event     Then inside the add event function you get access to  shot  like this   event data event type   See the  on   documentation for more info  where they provide the following example   function myHandler  event       alert  event data foo          p    on   click     foo   bar     myHandler

User · Answer

If you call it the way you had it         leadtoscore   click add event  shot          you would need to have add event   return a function  like     function add event param        return function                        your code that does something with param                 alert  param                      The function is returned and used as the argument for  click

User · Answer

You need to use an anonymous function like this       leadtoscore   click function       add event  shot         You can call it like you have in the example  just a function name without parameters  like this       leadtoscore   click add event     But the add event method won t get  shot  as it s parameter  but rather whatever click passes to it s callback  which is the event object itself   so it s not applicable in this case  but works for many others   If you need to pass parameters  use an anonymous function   or  there s one other option  use  bind   and pass data  like this       leadtoscore   bind  click     param   shot     add event     And access it in add event  like this   function add event event        event data param     shot   use as needed

User · Answer

I get the simple solution     lt button id  btn1  onclick  sendData 20   gt ClickMe lt  button gt    lt script gt     var id     global variable    function sendData valueId        id   valueId              btn1   click function            alert id             lt  script gt    My mean is that pass the value onclick event to the javascript function sendData    initialize to the variable and take it by the jquery event handler method   This is possible since at first sendData valueid  gets called and initialize the value  Then after jquery event get s executed and use that value   This is the straight forward solution and For Detail solution go Here

User · Answer

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       I know it s late in the game for this question  but the previous answers led me to this solution  so I hope it helps someone sometime

User · Answer

Yes  this is an old post   Regardless  someone may find it useful   Here is another way to send parameters to event handlers     click handler function add event event  paramA  paramB          do something with your parameters     alert paramA    paramA     paramA        paramB      paramB     paramB             bind handler to click event     leadtoscore   click add event         once you ve processed some data and know your parameters  trigger a click event    In this case  we will send  myfirst  and  mysecond  as parameters     leadtoscore   trigger  click     myfirst    mysecond        or use variables var a    first       b    second        leadtoscore   trigger  click    a  b        leadtoscore   trigger  click    a

[jquery] jQuery's .click - pass parameters to user function

Examples related to jquery

Examples related to function

Examples related to parameter-passing