javascript - 如何使用带有 jQ​​uery 的 change() 方法参数的函数？

Question

我使用的是 jQuery 1.5 版。 我正在查看 jQuery 的 change()功能 特别是在这一点上:

.change( [ eventData ], handler(eventObject) )
eventData: A map of data that will be passed to the event handler.
handler(eventObject): A function to execute each time the event is triggered.

JavaScript 中的“数据映射”到底是什么？如何将以下测试函数用作事件处理程序？

var myHandler = function(msg){alert(msg);};

我已经试过了:

$("select#test").change(["ok"], myHandler);

和警报报告 [object Object]

Answer 1

参见 event.data .数据不是作为参数传递给处理程序，而是作为事件对象的属性:

$("select#test").change({msg: "ok"},  function(event) {
    alert(event.data.msg);
});

处理程序始终只接受一个参数，即 event 对象。这就是为什么您的警报显示 [object Object]" 的原因，您的函数正在打印事件对象。
如果你想使用带有自定义参数的函数，你必须将它们包装到另一个函数中:

$("select#test").change({msg: "ok"},  function(event) {
    myHandler(event.data.msg);
});

或者只是

$("select#test").change(function(event) {
    myHandler("ok");
});

---

顺便说一句。选择器最好写成 $('#test')。 ID 是(应该)唯一的。无需在标签名称前加上标签名称。