Metoda jQuery on().
Příklad
Připojte událost kliknutí k prvku <p>:
$("p").on("click", function(){
alert("The paragraph was clicked.");
});
Definice a použití
Metoda on() připojí jeden nebo více obslužných rutin událostí pro vybrané prvky a podřízené prvky.
Od verze jQuery 1.7 je metoda on() novou náhradou za metody bind(), live() a delegát(). Tato metoda přináší rozhraní API velkou konzistenci a doporučujeme vám tuto metodu použít, protože zjednodušuje základnu kódu jQuery.
Poznámka: Obslužné rutiny událostí připojené pomocí metody on() budou fungovat pro aktuální i FUTURE elementy (jako nový element vytvořený skriptem).
Tip: Chcete-li odstranit obslužné rutiny událostí, použijte metodu off() .
Tip: Chcete-li připojit událost, která se spustí pouze jednou a poté se sama odstraní, použijte metodu one() .
Syntax
$(selector).on(event,childSelector,data,function,map)
| Parameter | Description |
|---|---|
| event | Required. Specifies one or more event(s) or namespaces to attach to the selected elements. Multiple event values are separated by space. Must be a valid event |
| childSelector | Optional. Specifies that the event handler should only be attached to the specified child elements (and not the selector itself, like the deprecated delegate() method). |
| data | Optional. Specifies additional data to pass along to the function |
| function | Required. Specifies the function to run when the event occurs |
| map | Specifies an event map ({event:function, event:function, ...}) containing one or more event to attach to the selected elements, and functions to run when the events occur |
Zkuste si to sami - příklady
Jak připojit více událostí k prvku.
Jak připojit více obslužných rutin událostí k vybraným prvkům pomocí parametru map.
Jak připojit událost přizpůsobeného jmenného prostoru k prvku.
Jak předat data funkci.
Ukažte, že metoda on() funguje také pro prvky, které ještě nebyly vytvořeny.
Jak odebrat obslužnou rutinu události pomocí metody off().