jQuery on() Metode

❮ jQuery-gebeurtenismetodes

Voorbeeld

Heg 'n klikgebeurtenis aan die <p>-element:

$("p").on("click", function(){
  alert("The paragraph was clicked.");
});

Definisie en gebruik

Die on() metode heg een of meer gebeurtenishanteerders vir die geselekteerde elemente en kinderelemente aan.

Vanaf jQuery weergawe 1.7 is die on() metode die nuwe plaasvervanger vir die bind(), live() en delegate() metodes. Hierdie metode bring baie konsekwentheid na die API, en ons beveel aan dat jy hierdie metode gebruik, aangesien dit die jQuery-kodebasis vereenvoudig.

Let wel: Gebeurtenishanteerders wat met behulp van die on() metode aangeheg is, sal vir beide huidige en FUTURE elemente werk (soos 'n nuwe element wat deur 'n skrif geskep is).

Wenk: Om gebeurtenishanteerders te verwyder, gebruik die off() metode.

Wenk: Om 'n gebeurtenis aan te heg wat net een keer loop en dan homself verwyder, gebruik die one() metode.


Sintaksis

$(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

Probeer dit self - voorbeelde


aan Hoe om veelvuldige gebeurtenisse aan 'n element te heg.


Hoe om veelvuldige gebeurtenishanteerders aan die geselekteerde elemente te heg deur die kaartparameter te gebruik.


aan Hoe om 'n pasgemaakte naamruimtegebeurtenis aan 'n element te heg.


Hoe om data aan die funksie deur te gee.


Wys dat die on() metode ook werk vir elemente wat nog nie geskep is nie.


Hoe om 'n gebeurtenis hanteerder te verwyder deur die off() metode te gebruik.


❮ jQuery-gebeurtenismetodes