jQuery调用事件的格式:
$(selector).event(callback) (event就是调用的事件,列如onclick callback代表回调函数)
$(selector).选择器
jQuery能够绑定的事件包括:$(“span”).click(function(event){})
鼠标事件:
click鼠标单击时触发,dblclick鼠标双击时触发,mouseenter鼠标移入时触发,mouseleave鼠标移开时触发, mouseover()鼠标移入时触发,mouseout鼠标移开时触发,mousemove鼠标在DOM内部移动时触发,mousedown按下鼠标时触发,mouseup松开鼠标时触发,hover鼠标进入和退出时触发。
键盘事件:
鼠标有mousedown,mouseup之类的事件,这是根据人的手势动作分解的2个触发行为。
相对应的键盘也有这类事件,将用户行为分解成2个动作,键盘按下与松手,针对这样的2种动作 jQuery分别提供了对应keydown与keyup方法来监听
- keydown()事件
当键盘或按钮被按下时,发生keydown事件。
- keyup()事件
当按钮被松开时,发生keyup事件。它发生在当前获得焦点的元素上。
keypress事件与keydown和keyup的主要区别,只能捕获单个字符,不能捕获组合键,无法响应系统功能键(如delete,backspace)不区分小键盘和主键盘的数字字符,总而言之, KeyPress主要用来接收字母、数字等ANSI字符,而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。
表单事件:
change()事件元素,和元素的值都是可以发生改变的,开发者可以通过change事件去监听这些改变的动作。
select()事件,当textarea或文本类型的input元素中的文本被选择时,会发生 select 事件。这个函数会调用执行绑定到select事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。
submit事件,提交表单是一个最常见的业务需求,比如用户注册,一些信息的输入都是需要表单的提交。
之前学的鼠标事件,表单事件与键盘事件都有个特点,就是直接给元素绑定一个处理函数,所有这类事件都是属于快捷处理。翻开源码其实可以看到,所有的快捷事件在底层的处理都是通过一个"on"方法来实现的。jQuery on()方法是官方推荐的绑定事件的一个方法。
多个事件绑定同一个函数
$("#elem").on(“mouseover mouseout”,function(){ });
通过空格分离,传递不同的事件名,可以同时绑定多个事件
多个事件绑定不同函数
$("#elem").on({
mouseover:function(){},
mouseout:function(){},
click:function(){}
});