English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
on()方法为所选元素和子元素附加一个或多个事件处理程序。
这也附加了事件发生时要运行的函数。
要删除事件处理程序，请使用off()方法。
若要附加仅运行一次然后将其自身删除的事件，请使用one()方法。
$\(selector).\on(\text{event},\_childSelector,\_data,\_function)将点击事件附加到所有<p>元素：
$\("p").\on(\"click\",\_{\text{function}(){
$\text{(this)}.\css(\"background\-color\",\"coral\");
});Vérifiez et voyez‹/›将mouseenter事件附加到所有<p>元素：
$\text{(this)}.\css(\"background\-color\",\"coral\");
});Vérifiez et voyez‹/›将多个事件处理程序添加到<div>元素：
$\("div").\on(\"mouseenter\_mouseleave\_click\",\_{\text{function}(){
$\text{(this)}.\text{text}(\text{Math.random()});
});Vérifiez et voyez‹/›将数据传递给函数：
$("document").ready(function(){
$\("p").\on(\"click\",\_{\text{msg}:\"你刚刚点了我!!!\"},\_showMsg)
});
function\_showMsg(\text{event})\_{
$\text{(this)}.\append(\text{event.data.msg});
});Vérifiez et voyez‹/›UtilisationchildSelectorLes paramètres attachent l'événement click à tous les éléments <p> :
$("document").ready(function(){
$("body").on("click", "p", changeSize);
});Vérifiez et voyez‹/›Supprimer l'événement mousemove de l'élément <div> :
$("button").click(function(){
$("div").off("mousemove");
});Vérifiez et voyez‹/›| Paramètres | Description |
|---|---|
| event | Spécifiez un ou plusieurs événements ou espaces de noms séparés par des espaces |
| childSelector | (Optionnel) Spécifiez que l'обработчик doit être attaché uniquement aux éléments enfants spécifiés (et non à l'élément sélecteur lui-même) |
| data | (Optionnel) Spécifiez d'autres données à passer à cette fonction Attention :Si vous passezDonnéesLes paramètres fournis à la méthode on() sont passés à chaque activation de l'événementevent.dataPassé à l'обработчик в свойстве |
| function | Fonction à exécuter lors de l'activation de l'événement |