javascript - 页面加载时立即触发委托(delegate)事件 onchange

Question

这个问题已经有答案了:

Why does click event handler fire immediately upon page load? (4 个回答)

已关闭 5 年前。

场景 1:

$(function () {
    $('#disp_body').on('change', '#image', showMyImage(this));
});

如果我调用函数showMyImage它直接调用页面加载本身。

场景 2:

但是如果我通过闭包函数调用。事件得到妥善听取和处理。所以它工作正常。

$(function () {
    $('#disp_body').on('change', '#image', function() {
        showMyImage(this);
    });
});

我真的想知道为什么场景 1 不起作用但场景 2 不起作用。

Answer 1

这个答案是相关的:https://stackoverflow.com/a/7102440/7316502

在情况 1 中，您正在调用一个函数，并将其返回值作为回调传递给更改监听器。这会导致 showMyImage 过早执行。

在第二种情况下，您传递一个函数作为回调，但您没有直接调用它。这允许更改监听器调用它并根据需要在更改事件上调用 showMyImage。