Custom jQuery events

by Luca De Nardi

HTML

<button id="uno">
Click Classico
</button>


<button id="due">
Click + Evento custom
</button>

JavaScript

//Funzione che fa qualcosa di default
function defaultaction(){
	alert("Click");
}

//Lego l'azione di default (o può essere che sia legata al bottone da un template già fatto ecc..)
$('#uno').bind('click', function(){
	defaultaction();
});

//Lego una mia azione custom
$('#uno').bind('click', function(){
	alert("MIO CLICK");
  
  //Sgancio l'evento click -> Li sgancia entrambi
  $('#uno').unbind('click');
});


//Lego l'azione di default (o può essere che sia legata al bottone da un template già fatto ecc..)
$('#due').bind('click', function(){
	defaultaction();
})

//Lego una mia azione custom
$('#due').bind('click.mioevento', function(){
	alert("MIO CLICK");
  
  //Sgancio l'evento custom -> L'azione di default rimane
  $('#due').unbind('.mioevento');
})