Can i prevent blur event from happening?

Question

I have a simple example where i have an input field and i put a blur and change event on it:

HTML

<input name="test" value=""/>

JS

$('input').change(function(e){

 alert('change'); 

});

$('input').blur(function(e){

 alert('blur'); 
});

Is it possible to prevent the blur event from happening if the change event was triggered?

One way would be to define a boolean that changes when the change event was triggered, but I don't like it, is there a better way?

Here is an example you can play with.

Answer 1

Solved issue by this..

 $('input').change(function(e){
  alert('change'); 
   e.stopImmediatePropagation();
   $(this).off("blur");
 });

$('input').focus(function(e){
   $(this).on("blur", function(e){
   e.stopImmediatePropagation();
   e.preventDefault();
  alert('blur'); });
});

Answer 2

use .off

DEMO

$('input').change(function(e){
  alert('change'); 
  e.stopImmediatePropagation();
  $(this).off("blur"); //$("input[name='test']").off("blur");
});

$('input').blur(function(e){  
  e.preventDefault();
 alert('blur'); 
});​