English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
on()方法为所选元素和子元素附加一个或多个事件处理程序。
这也附加了事件发生时要运行的函数。
要删除事件处理程序，请使用off()方法。
若要附加仅运行一次然后将其自身删除的事件，请使用one()方法。
$(selector).on(event, childSelector, data, function)
将点击事件附加到所有<p>元素：
$("p").on("click", function() {
$(this).css("background-color", "coral");
$("div").off("mousemove");});/Teste veja‹将mouseenter事件附加到所有<p>元素：
$("p").on("mouseenter", function() {
$(this).css("background-color", "coral");
$("div").off("mousemove");});/Teste veja‹将多个事件处理程序添加到<div>元素：
$("div").on("mouseenter mouseleave click", function() {
$(this).text(Math.random());
$("div").off("mousemove");});/Teste veja‹将数据传递给函数：
Os parâmetros anexarão o evento click a todos os elementos <p>:
$("p").on("click", {msg: "你刚刚点了我!!!"}, showMsg)
$("div").off("mousemove");
function showMsg(event) {
$(this).append(event.data.msg);
$("div").off("mousemove");});/Teste veja‹使用Especificar um ou mais eventos ou namespaces separados por espaçoUso
Os parâmetros anexarão o evento click a todos os elementos <p>:
$("document").ready(function(){
$("div").off("mousemove");});/Teste veja‹$("body").on("click", "p", changeSize);
Exemplo
$("button").click(function(){
$("div").off("mousemove");});/Teste veja‹| Valor do Parâmetro | Parâmetros |
|---|---|
| Descrição | event |
| Especificar um ou mais eventos ou namespaces separados por espaço | childSelector |
| （Opcional）Especificar que o manipulador de eventos deve ser anexado apenas aos elementos filhos especificados (não ao seletor em si) | data （Opcional）Especificar outros dados a serem passados para essa funçãoAtenção:Se oDadoParâmetros fornecidos ao método on(), então o parâmetro seráevent.data |
| Passada para o manipulador de eventos | function |