图文讲解jQuery事件
来源:互联网 发布:java 返回值类 怎么用 编辑:程序博客网 时间:2024/06/06 06:32
1, .click()鼠标单击事件 .dbclick()鼠标
注意:在同一元素上同时绑定 click 和 dblclick 事件是不可取的。各个浏览器事件触发的顺序是不同的,一些浏览器在dblclick之前接受两个 click 事件 ,而一些浏览器只接受一个 click 事件。用户往往可通过不同的操作系统和浏览器配置双击灵敏度
2,mousedown()和mouseup()事件
3,mousemove()鼠标移动事件
mousemove事件是当鼠标指针移动时触发的,即使是一个像素;
如果处理器做任何重大的处理,或者如果该事件存在多个处理函数,这可能造成浏览器的严重的性能问题;
4,mouseover()鼠标移入mouseout()鼠标移出事件
5,mouseenter()与mouseleave()事件
用交互操作中,经常需要知道用户操作鼠标是否有移到元素内部或是元素外部,因此jQuery提供了一个mouseenter和mouseleave的快捷方法可以监听用户移动到内部的操 作,注意mouseenter()与mouseover的区别:关键点就是:冒泡的方式处理问题
6,hover()事件对上面四个事件的封装
$(selector).hover(handlerIn, handlerOut)
7,focusin()获取焦点事件
当一个元素,或者其内部任何一个元素获得焦点的时候,例如:input元素,用户在点击聚焦的时候
8,focusout()失去焦点事件
当一个元素,或者其内部任何一个元素失去焦点的时候,比如input元素,用户在点击失去焦的时候,
例子同上
9,表单事件blur()与foucs()
与7,8,的区别
10,表单事件之change()事件
<input>元素,<textarea>和<select>元素的值都是可以发生改变的,开发者可以通过change事件去监听这些改变的动作
11,表单事件之select()选中事件
注意:select事件只能用于<input>元素与<textarea>元素
12,表单事件之submit()提交事件
13,键盘事件之keydown()与keyup()事件,keypress()事件
例子同上,注意的是:keypress事件与keydown和keyup的主要区别:
只能捕获单个字符,不能捕获组合键
无法响应系统功能键(如delete,backspace)
不区分小键盘和主键盘的数字字符。
总而言之,
KeyPress主要用来接收字母、数字等ANSI字符,而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如:功能键(F1-F12)、编辑键、定位键以 及任何这些键和键盘换档键的组合等。
14,on()的多事件绑定,off()销毁事件
之前学过的所有鼠标事件实际上都是在on()实现的,所以可以用on()来实现多个事件
基本用法:.on( events ,[ selector ] ,[ data ] )
这里的e指的是你当前用的事件的对象,e.type指的是用的事件的类型
15,事件对象的作用
简单来说:event.target代表当前触发事件的元素,可以通过当前元素对象的一系列属性来判断是不是我们想要的元素
点击不同的li,显示不同的内容
16,事件的属性和方法
- 图文讲解jQuery事件
- 图文讲解jQuery选择器
- 图文讲解jQuery动画特效
- 图文讲解jQuery属性的样式
- 图文讲解jQuery的节点DOM
- JQuery触发事件多实例讲解
- 图文讲解OpenShift PaaS
- GCD图文详细讲解
- 事件讲解
- 全面讲解电脑主板-图文
- 图文讲解.NET CLR是什么
- Qt4串口通信图文讲解
- 【图文讲解】GoAgent设置教程
- 8大算法图文讲解
- 八大排序算法图文讲解
- 图文讲解.NET CLR是什么
- 转载--排序算法图文讲解
- 图文讲解zabbix安装全过程
- 下拉菜单
- Python3的正则表达式,re模块
- pascals-triangle
- 微信jsapi开发
- java基础
- 图文讲解jQuery事件
- 解决httplistener querystring 中文乱码、返回json中文格式乱码
- goahead3.6.4移植总结
- lombok安装与使用简介
- 事件冒泡
- Bootstrap之制作登录表单
- python 实现决策树画图
- 1008. Elevator (20)
- javaWeb 中web.xml详细配置