• jlim
jLim Event (API)

21-07-2011 [mettre à jour: v0.4.0]

jLim Event est un jLim Module pour la gestion des événements.

Caractéristiques

  • .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

// lier une fonction à l'événement
$('#button').lient('click', fonction () {
	// fonctionner sur clic
});

// unbind une fonction
$('#button').délier('click', func1);

// événement déclencheur
$('#button').déclencheur('click');

// Ou utilisez:
$('#button').cliquez();

Propres événements

Vous pouvez aussi définir vos propres événements.

// lier une fonction à l'événement "SpecialEvent personnalisée"
$(«A»,).lient('specialEvent', fonction () {
	// exécuter lors du déclenchement "SpecialEvent"
});

// déclencheur »SpecialEvent"
$(«A»,).déclencheur('specialEvent');

Délégué d'événement

Il est également possible de déléguer à des événements parent éléments.

// Si déléguée
$('ul').déléguée('Li', 'click', fonction () {
	// fonctionner sur des batteries Li-cliquez l'élément
});

Namespace

Il est également possible de définir un espace de noms. Utilisez le . des :.

// créer des espaces de noms avec . ou :
$(«Bouton»).lient('click:form', fonction () {
	// exécuter lorsque ", cliquez sur" ou "cliquez sur:sous forme" est déclenchée
});

Multiple events

// liant plusieurs événements
$('.text').lient('change blur', fonction () {
	// fonctionner sur le changement et sur le flou
});

Related Articles

Gamme: jLim
Tags: , , , , , , , ,

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

Envoyez votre commentaire

  • RSS
  • LinkedIn
  • Twitter