Estoy usando jQuery versión 1.5. Estoy viendo la función de cambio () de jQuery y específicamente en este bit:
.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.¿Qué es exactamente un "mapa de datos" en JavaScript? ¿Cómo puedo usar la siguiente función de prueba como controlador de eventos?
var myHandler = function(msg){alert(msg);};He intentado esto:
$("select#test").change(["ok"], myHandler);y los informes de alerta [objeto Objeto]
Ver event.data . Los datos no se pasan como argumento al controlador, sino como propiedad del objeto de evento:
$("select#test").change({msg: "ok"}, function(event) { alert(event.data.msg); }); El controlador siempre solo acepta un argumento, que es el objeto de event . Esta es la razón por la que su alerta muestra "[object Object]" , su función está imprimiendo el objeto del evento.
Si desea utilizar funciones con argumentos personalizados, debe envolverlos en otra función:
$("select#test").change({msg: "ok"}, function(event) { myHandler(event.data.msg); });o solo
$("select#test").change(function(event) { myHandler("ok"); }); Por cierto. el selector se escribe mejor como $('#test') . Los ID son (deberían ser) únicos. No es necesario anteponer el nombre de la etiqueta.
¿Qué es exactamente un "mapa de datos" en Javascript?
Básicamente solo un objeto, por ejemplo:
var data = { foo: "I'm foo", bar: "I'm bar" };Todos los objetos de JavaScript son esencialmente mapas (también conocidos como "diccionarios", también conocidos como "matrices asociativas").
¿Cómo puedo usar la siguiente función de prueba como controlador de eventos?
Al envolverlo en otra función:
$("select#test").change(function() { myHandler($(this).val()); }); Eso llama a myHandler con el valor del cuadro de selección cada vez que cambia.
Si desea utilizar la parte eventData , agregue un objeto antes del controlador:
$("select#test").change({ foo: "I'm foo" }, function(event) { myHandler(event.data.foo, $(this).val()); }); Eso llama a myHandler con "I'm foo" como primer argumento, luego el valor del cuadro de selección, cada vez que cambia.