jQuery事件

1. 鼠标事件

1. click dblclick（同时会触发单击事件）

$('a').click(function(){
    $('img').eq($(this).index()).css({'opacity':'1'})
        .siblings().css({'opacity':'0'});
});
//双击
$('a').dblclick(function(){
    $('img').eq($(this).index()).css({'opacity':'1'})
        .siblings().css({'opacity':'0'});
});

2. mousedown mouseup
3. mouseenter mouseleave
4. hover(mouseenter+mouseleave) 接受两个函数

$('a').hover(function(){
    $('img').eq($(this).index()).css({'opacity':'1'})
        .siblings().css({'opacity':'0'});},function(){
    $('img').eq($(this).index()).css({'opacity':'0'})
        .siblings().css({'opacity':'1'}); 
    });

5. mouseover mouseout（进出子元素时也触发 作用跟enter和leave一样）
6. mousemove 在内部发生移动
7. scroll（滚动指定元素时）

2. 键盘事件

1. keydown keyup keypress

//keydown只能发生在document下
$(document).keydown(function(){});
$('input').keyup(function(){});
//keypress只有在正常输入时才有效 输入法、删除、回车等无效
$(document).keypress(function(){});
$('input').keypress(function(){});

3. 其他事件

1. ready DOM载入就绪后执行
2. resize 调整浏览器窗口大小时发生

//浏览器 得用window
$(window).resize(function(){});

3. focus blur
4. change
5. select input类型为text或textarea等中的文本被选中时
6. submit 提交表单时（button用在form中有提交表单功能，用在其他地方没有）

//提交表单
$('input[type=button]').click(function(){
	$('form').submit();
});
//阻止表单提交
$('form').submit(function(){
	return false;//只要return false就不提交
});
//表单验证等
$('form').submit(function(){
	var value=$('input[type=text]').val();
	if(value){
		return true;
	}

4. 事件参数

1. event 任何事件都有

//左右键控制图片轮播
var index=0;
$('a').mouseenter(function(){
	index=$(this).index();
	swiper();
}
$(document).keydown(function(event){
	if(event.keyCode == 37){
		index = index>0? --index:$('a').length-1;
	}else if(event.keyCode == 39){
		index = index<$('a').length-1? ++index:0;
	}else{return true;)
	swiper();	
});
var swiper = function(){
	$('img').eq(index).css({'opacity':'1'})
        .siblings().css({'opacity':'0'});
}

5. 事件绑定与取消

1. on 绑定多个事件

$('input').keyup(function(){});
$('input').on('keyup',function(){});
$(document).on('keyup','a',function(event){
	event.stopPropagation();
});
//绑定多个事件
$('a').add(document).on({
	mouseenter:function(event){},
	keydown:function(event){}
});

2. off

$(document).off('click','.obj',funcName);

3. one 绑定一个一次性的事件函数

$(document).one('click','.obj',funcName);