jQuery的.click-将参数传递给用户函数

我正在尝试使用jQuery的.click调用带有参数的函数，但无法正常工作。

这就是我想要的工作方式：

$('.leadtoscore').click(add_event('shot'));

哪个电话

function add_event(event) {
    blah blah blah }

如果我不使用参数，它会起作用，例如：

$('.leadtoscore').click(add_event);
function add_event() {
    blah blah blah }

但是我需要能够将参数传递给我的add_event函数。

我该怎么做？

我知道我可以使用.click(function() { blah }，但是我add_event从多个地方调用该函数，并希望以此方式进行操作。

为了更全面，我遇到了另一个解决方案，该解决方案是jQuery click事件处理程序 1.4.3版中引入的功能的一部分。

它允许您将数据映射传递给事件对象，该事件对象由jQuery作为第一个参数自动反馈给事件处理函数。数据映射将.click()作为第一个参数传递给函数，随后是事件处理函数。

这是一些代码来说明我的意思：

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

我知道这个问题来得太晚了，但是以前的答案使我找到了这个解决方案，所以我希望它能在某个时候对某人有所帮助！

您需要使用如下匿名函数：

$('.leadtoscore').click(function() {
  add_event('shot')
});

您可以像示例中那样调用它，只是一个没有参数的函数名，如下所示：

$('.leadtoscore').click(add_event);

但是该add_event方法无法获得'shot'其参数，而是click传递给回调的任何东西，这是event对象本身……因此，它不适用于这种情况，但可以用于其他许多情况。如果需要传递参数，请使用匿名函数...或者，还有另一个选择，使用.bind()并传递数据，如下所示：

$('.leadtoscore').bind('click', { param: 'shot' }, add_event);

并在中访问它add_event，如下所示：

function add_event(event) {
  //event.data.param == "shot", use as needed
}

如果用它的方式来称呼它...

$('.leadtoscore').click(add_event('shot'));

...您将需要add_event()返回一个函数，例如...

function add_event(param) {
    return function() {
                // your code that does something with param
                alert( param );
           };
}

该函数将返回并用作的参数.click()。

我成功使用.on（）像这样：

$('.leadtoscore').on('click', {event_type: 'shot'}, add_event);

然后在add_event函数内部，您可以像这样访问“ shot”：

event.data.event_type

有关更多信息，请参见.on（）文档，其中提供了以下示例：

function myHandler( event ) {
  alert( event.data.foo );
}
$( "p" ).on( "click", { foo: "bar" }, myHandler );

是的，这是旧帖子。无论如何，有人可能会发现它有用。这是将参数发送到事件处理程序的另一种方法。

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

      $imgReload.data('self', $self);
            $imgReload.click(function (e) {
                var $p = $(this).data('self');
                $p._reloadTable();
            });

将javaScript对象设置为onclick元素：

 $imgReload.data('self', $self);

从“此”元素获取对象：

 var $p = $(this).data('self');

我得到了简单的解决方案：

 <button id="btn1" onclick="sendData(20)">ClickMe</button>

<script>
   var id; // global variable
   function sendData(valueId){
     id = valueId;
   }
   $("#btn1").click(function(){
        alert(id);
     });
</script>

我的意思是将value onclick事件传递给javascript function sendData()，将其初始化为变量，然后通过jquery事件处理程序方法将其接收。

因为一开始这是可能的 sendData(valueid)会调用并初始化该值。然后在执行jquery事件后执行并使用该值。

这是简单的解决方案，有关详细信息的解决方案，请转到此处。