1.on方法
(1)语法
$(selector).on(event,childSelector,data,function,map)
在被选元素及子元素上添加一个或多个事件处理程序。
(2)参数
event:必需,规定要从被选元素移除的一个或多个事件或命名空间,由空格分隔多个事件值,必须是有效的事件。
childSelector:可选,规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。
data:可选。规定传递到函数的额外数据。
function:可选。规定当事件发生时运行的函数。
map:规定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。
2.事件介绍
(1)鼠标事件
click:单击事件
dbclick:双击事件
focus:元素获得焦点事件
blur:失去焦点事件
mousedown:鼠标按键被按下的事件
mouseup:鼠标按键松开的事件
mouseover:当鼠标指针位于元素上方时,会发生 mouseover 事件。
mouseout:当鼠标指针从元素上移开时,发生 mouseout 事件。
(2)键盘事件
keydown:当键盘按键被按下时,发生 keydown 事件。
keyup:键盘按键松开时触发keyup事件。
keydown:当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素上。不过,与keydown事件不同,每插入一个字符,就会发生keypress事件。
(3)其它
change:当元素的值发生改变时,会发生 change 事件。
submit:当提交表单时,会发生 submit 事件。该事件只适用于表单元素。
3.event对象
$("button").on("click", funtion(event){
});
事件的处理函数可以添加一个event参数。