English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
on()方法为所选元素和子元素附加一个或多个事件处理程序。
这也附加了事件发生时要运行的函数。
要删除事件处理程序，请使用off()方法。
若要附加仅运行一次然后将其自身删除的事件，请使用one()方法。
$(selector).on(event, childSelector, data, function)
将点击事件附加到所有
元素：
$("p").on("click", function(){
$(this).css("background-color", "coral");
});Prueba para ver‹/›将mouseenter事件附加到所有
元素：
$("p").on("mouseenter", function(){
$(this).css("background-color", "coral");
});Prueba para ver‹/›将多个事件处理程序添加到
$("div").on("mouseenter mouseleave click", function(){
$(this).text(Math.random());
});Prueba para ver‹/›将数据传递给函数：
$("document").ready(function(){
$("p").on("click", {msg: "你刚刚点了我!!!"}, showMsg)
});
function showMsg(event) {
$\$(this).append(event.data.msg);
});Prueba para ver‹/›UsochildSelectorLos parámetros adjuntarán el evento click a todos los elementos <p>:
$("document").ready(function(){
$("body").on("click", "p", changeSize);
});Prueba para ver‹/›Eliminar el evento mousemove del elemento <div>:
$("button").click(function(){
$("div").off("mousemove");
});Prueba para ver‹/›| Parámetros | Descripción |
|---|---|
| event | Especificar un o varios eventos o nombres de espacio separados por espacios |
| childSelector | (Opcional) Especificar que el administrador de eventos debe adjuntarse solo a los subelementos especificados (no al selector mismo) |
| data | (Opcional) Especificar otros datos que se deben pasar a esta función Nota:Si se colocaDatosSi se proporcionan parámetros al método on(), estos se proporcionarán cada vez que se desencadene el eventoevent.dataDatos pasados al administrador de eventos en las propiedades |
| function | Función a ejecutar cuando se desencadena el evento |