jQuery事件总结

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(){}

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值