jLim Event (API)

21-07-2011 [update: v0.4.0]

jLim Event is een jLim module voor het afhandelen van events.

Functies

.bind( eventName, fn, [insertIndex] )
.unbind( eventName, [fn] )
.trigger( eventName )
Let op: alleen de event handlers, die d.m.v. jLim zijn gekoppeld, worden uitgevoerd.
.delegate( selector, eventName, fn )
.load( [fn], [insertIndex] )
.unload( [fn], [insertIndex] )
.scroll( [fn], [insertIndex] )
.resize( [fn], [insertIndex] )
.error( [fn], [insertIndex] )
.change( [fn], [insertIndex] )
.focus( [fn], [insertIndex] )
.select( [fn], [insertIndex] )
.submit( [fn], [insertIndex] )
.keydown( [fn], [insertIndex] )
.keypress( [fn], [insertIndex] )
.keyup( [fn], [insertIndex] )
.click( [fn], [insertIndex] )
.dblclick( [fn], [insertIndex] )
.mousedown( [fn], [insertIndex] )
.mousemove( [fn], [insertIndex] )
.mouseout( [fn], [insertIndex] )
.mouseover( [fn], [insertIndex] )
.mouseup( [fn], [insertIndex] )

Features

Basis functies

// bind a function to event
$('#button').bind('click', function () {
	// run on click
});

// unbind a function
$('#button').unbind('click', func1);

// trigger event
$('#button').trigger('click');

// Or use:
$('#button').click();

Eigen events

Je kunt ook je eigen events definiëren.

// bind a function to the custom event "specialEvent"
$('a').bind('specialEvent', function () {
	// run when triggering "specialEvent"
});

// trigger "specialEvent"
$('a').trigger('specialEvent');

Event delegeren

Het is ook mogelijk om events te delegeren aan parent elementen.

// delegate event
$('ul').delegate('li', 'click', function () {
	// run on click of li-element
});

Namespace

Het is ook mogelijk om een namespace te definiëren. Gebruik hiervoor de . of :.

// create namespace with . or :
$('button').bind('click:form', function () {
	// run when "click" or "click:form" is triggered
});

Multiple events

// binding multiple events
$('.text').bind('change blur', function () {
	// run on change and on blur
});

Gerelateerde artikelen

Categorie: jLim
Tags: addEventListener, api documentation, code, custom events, event, js, js library, module, plugin

Reacties (2)

09-10-2011 om 10:16 door Alex Oliver
return false does not seem to work, for example if I want to make an ajax request but don’t want that select form to submit casing the page to reload I would use this code:

$(‘#myform’).submit(function(){
//do an ajax request
return false; //force the form to stop processing
});
09-10-2011 om 10:25 door Alex Oliver
Sorry my bad,

you could just use this:

$(‘#myform’).submit(function(e){
e.preventDefault();
});

FreelancePHP.net