input blur 的小坑

by hui liu

HTML

<input type="text" value="123">
<div class="noblur">
  sadfag
</div>
<div class="log">
  
</div>

CSS

.noblur{
  width:100px;
  height:100px;
  background-color: #aaa;
}

JavaScript

var i=0;
$('input').on('blur',function(e){
	$('.log').html('blur'+(i++));
}).focus();
$('.noblur').on('mousedown',function(e){
	e.preventDefault();//这个会导致blur无法触发
});
$('.noblur').on('click',function(e){
	//e.preventDefault();//这个不会导致blur无法触发
});
$('.noblur').on('mouseup',function(e){
	//e.preventDefault();//这个不会导致blur无法触发
});