• jlim
jLim Event (API)

jLim Event es un jlim Módulo para la gestión de eventos.

Características

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

// enlazar una función al evento
$('#button').atar('click', función () {
	// se ejecutan en haga clic en
});

// desatar una función
$('#button').desatar('click', func1);

// disparador de eventos
$('#button').gatillo('click');

// O el uso:
$('#button').clic();

Propios eventos

También puede definir sus propios eventos.

// obligar a una función para el evento personalizado "specialEvent"
$('a').atar('specialEvent', función () {
	// ejecuta cuando se dispara "specialEvent"
});

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

Delegado de eventos

También es posible delegar eventos parent elementos.

// delegado de eventos
$('ul').delegado('li', 'click', función () {
	// ejecutar al hacer clic con li-elemento
});

Namespace

También es posible definir un espacio de nombres. Utilice el . de :.

// crear espacios de nombres con . o :
$('button').atar('click:form', función () {
	// correr cuando "haga clic en" o "haga clic en:forma" se dispara
});

Multiple events

// unión de varios eventos
$('.text').atar('change blur', función () {
	// ejecutar el cambio y el desenfoque
});

Artículos relacionados

Comentarios (2)

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

  • Sorry my bad,

    you could just use this:

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

Envíe su comentario

  • RSS
  • LinkedIn
  • Twitter