在较新版本中，jQuery .change() 事件是通过 .click() 触发的吗？

Question

我目前正在升级我的应用程序以使用 jQuery 1.6.1（之前使用 1.4.4），发现现在 .click() 事件会自动触发 .change() 活动也是如此。

我在这里创建了一个简单的示例： http://jsfiddle.net/wDKPN/

请注意，如果您包含 1.4.4当触发 .click() 事件时，.change() 函数将不会触发。但切换到 1.6 时，.change() 事件会在触发 .click() 时触发。

两个问题：

1. 这是一个错误吗？似乎以编程方式触发.click()不应该也触发其他事件（例如例如，自动触发 .blur() 和 .focus() 来帮助“模仿”用户的点击似乎是错误的。

2. 绑定 change() 事件然后触发两者点击的正确方法是什么() 和该元素的 change() 事件？ 我是否只需调用 .click()，并依赖于 .change() 也会触发吗？

   $('#myelement').change(function() {
        // 做一些事情
   });
   
   $('#myelement').click(); // 单击和更改都会触发，耶！
   

在我的旧代码中，我使用此模式在 ajax 调用后初始化一些复选框（及其选中的状态和值）：

    $('#myelement').change(function() {
         // do some stuff including ajax work
    }).click().change();

但在 1.6.1 中，我的逻辑触发两次（一次为 .click()一次用于 .change())。我可以依靠删除 .change() 触发器并希望 jQuery 在未来版本中继续以这种方式运行吗？

Answer 1

最好的方法是：

$('#myelement').bind('initCheckboxes change', function() {
     // do some stuff including ajax work
}).trigger('initCheckboxes');

要执行初始化操作，您只需将自定义事件绑定到它，并在页面第一次加载时触发它。在任何版本中，没有人会夺走这一点。

而我相信 change 事件将继续存在于所有版本中，因为它已经存在了很长时间，而且这样效果很好。

最后，这是一个幸福的结局，因为自定义事件 initCheckboxes 将在页面加载时仅触发一次，而 change 事件将始终侦听并在更改状态时触发。

Answer 2

我想说这是 jQuery 1.4.4 中的一个错误。删除 jQuery 事件处理程序并使用标准 addEventListener 会产生与 jquery 1.6.1 相同的结果。

http://jsfiddle.net/jruddell/wDKPN/26/

window.count = 0;

document.getElementById('mycheckbox').addEventListener('change', function() {
    window.count++;
    jQuery('#output').append('I fired: ' + window.count + ' times<br />');
});

document.getElementById('mycheckbox').click();

我也会使用 triggerHandler 专门调用 jQuery 事件处理程序。如果您希望事件模型确定要调用哪些处理程序，请使用 click、change 等。

Answer 3

忘记复选框的单击事件。更改事件处理一切。

$('#myelement').change(function() {
    // do some stuff
});
$('#myelement').trigger('change');

亲自查看：http://jsfiddle.net/zupa/UcwdT/
（此演示设置为 jQuery 1.8，但也适用于 1.6。）

Answer 4

我认为你可以通过将change()放在点击处理程序中然后触发点击来使其适用于jQuery 1.4.4和1.6实现。

$('.myelement').click(function(){
 $('.myelement').change();   
 alert($(this).val());
});
$('.myelement').trigger('click');

看一下那里的简单示例。