jQuery-3（事件）

139 阅读 0 评论 92 点赞

我是靠谱客的博主漂亮巨人，这篇文章主要介绍jQuery-3（事件），现在分享给大家，希望可以做个参考。

1、文档/窗口事件

复制代码

1
2
3
4
5
6
7
8
ready() //文档准备就绪时触发
$(document).ready()
load() //文档加载时触发
$("img").load(function(){
alert("图像已加载");
})
unload() //当用户的浏览器窗口从当前窗口跳到提起窗口时触发
$(window).unload()

2、键盘事件（键盘事件顺序为 keydown -> keypress ->keyup）

所有的键盘事件对象，都有keyCode属性，这个keyCode属性可以获取键值。keyCode是键盘事件对象的属性。记住：键盘上回车键的键值是13；ESC键的键值是27。

        keypress事件与keydown和keyup的主要区别
                   1）对中文输入法支持不好，无法响应中文输入
                   2）无法响应系统功能键（如delete，backspace）

复制代码

1
2
3
4
5
6
7
keydown() //键盘被按下触发
keypress() //键盘被按下并快速释放触发
keyup() //键盘被释放触发
$("input:text").keydown(function(){
console.log("keydown");
$("#tip").text("键盘被按下");
});

3、鼠标事件

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
click()
//单击
dblclick()
//双击
hover()
//悬浮
mousedown()
//按下
mouseup()
//释放
mousemove()
//移动
mouseenter()
//进入
mouseleave()
//离开
mouseover()
//穿过
mouseout()
//离开
toggle()
//在jQuery1.8版之后已过期，慎用

4、表单事件

复制代码

1
2
3
4
5
6
7
8
blur()
//当表单元素失去焦点时发生
focus()
//当表单元素获得焦点时发生
change()
//当表单元素的值发生改变时发生
select()	//textarea 或文本类型的 input 元素中的文本被选择时发生
submit()	//提交表单时发生

5、事件的绑定与解除

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
bind()
//为被选元素添加一个或多个事件
delegate()
//为被选元素的子元素添加一个或多个事件
on()
//在被选元素及子元素上添加一个或多个事件
off() //用于移除添加的事件处理程序
one()  //添加只运行一次的事件
语法：
$(selector).on(event,[data,] function)
eg:
$("button").on/bind/delegate({
"click":function(){
$("body").css("background-color","red")
},
"dblclick":function(){
$("body").css("background-color","yellow")
},
"mouseover":function(){
$("body").css("background-color","blue")
}
})