jLim Event (API)
  • JavaScript

21-07-2011 [update: v0.3.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 )
  • [eventName]( [fn], [insertIndex] )
    • .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: , , , , , , , ,

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();
    });

Stuur je reactie

  • RSS
  • LinkedIn
  • Twitter