jQuery事件

事件

页面加载事件
$(function(){});
$(document).ready(function(){});

事件处理

$(this) 当前委托事件

添加与移除

$("div").on("event1 event2",[sel],[data],fn);//元素添加多事件
$("div").on("click mouseout",funtion(e){
	if(e.type=="mouseout"){ "mouseout事件触发"}
	else{"click事件触发"}
});
*******************事件委托与取消 委托给子选择器sel 
 $("ul").on("click",$("li"),fn);//fn内 当前委托对象:$(this)
 //子选择器移除委托事件
 $("ul").off();		//移除ul所有事件，委托给子元素li事件取消
 $("ul").off("click");	
 $("ul").off("click",fn);	
 $("ul").off("click",$("li"),fn);	
 *****************data在事件触发时传递给函数的e.data
 var str=[1,2,3];
$("div").on("click",str,function(e){
	 for(var i=0;i<e.data.length;i++){
	 	e.data[i];//1 2 3
	}
}

一次性事件

$("div").one("event",[data],fn)

自动触发事件

$("div").trigger("event",[data])

鼠标悬浮事件切换

$("div").hover(overfn，outfn);	//在mouseout mouseover

基本事件

失焦 聚焦
blur([[data],fn]);focus([data],fn);focusin([data],fn); focusout([data],fn)
表单事件

$("input").select([[data],fn])；//内容选中
$("input").submit([[data],fn])；//表单提交
$("text textarea select").change([[data],fn])；//内容改变

键盘按下 按键盘 松开keydown([[data],fn]);keypress([[data],fn]);keyup([[data],fn]);
鼠标事件：点击 按下进入 悬浮

click([[data],fn]);dblclick([[data],fn]);
mousedown([[data],fn]);mousemove([[data],fn]);mouseup([[data],fn]); //按下 移动 松开
mouseover([[data],fn]);mouseout([[data],fn]); //hover 进入 离开
mouseenter([[data],fn]);mouseleave([[data],fn]);//进入 离开

改变尺寸 滚动条 错误

$(window).resize([[data],fn]);
$(window).scroll([[data],fn]);
$(window).error([[data],fn])；1.8-

事件对象

eve.target				//触发事件的DOM元素
eve.relatedTarget		//mouseout  mousein 进入or离开的元素
eve.delegateTarget1.7+ 	//委托事件的委托元素（父元素）

eve.currentTarget		//冒泡时的当前DOM元素
eve.stopPropagation();eve.isPropagationStopped()//阻止click冒泡事件
eve.preventDefault();eve.isDefaultPrevented()//阻止默认事件

eve.pageX；eve.pageY；//元素、鼠标相对于边缘位置
eve.timeStamp；//事件触发时距离1970年1月1日的毫秒数
eve.which；//返回 鼠标按下：1 键盘按下：ACII值
eve.data；//事件绑定时，传递的数据
eve.type；//事件类型

eve.stopImmediatePro...()
eve.isImmediatePropag...()
eve.namespace	//事件被触发时此属性包含指定的命名空间
eve.result//事件最后触发的那个处理函数的返回值