1、文档/窗口事件
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)
keydown() //键盘被按下触发
keypress() //键盘被按下并快速释放触发
keyup() //键盘被释放触发
$("input:text").keydown(function(){
console.log("keydown");
$("#tip").text("键盘被按下");
});
3、鼠标事件
click() //单击
dblclick() //双击
hover() //悬浮
mousedown() //按下
mouseup() //释放
mousemove() //移动
mouseenter() //进入
mouseleave() //离开
mouseover() //穿过
mouseout() //离开
toggle() //在jQuery1.8版之后已过期,慎用
4、表单事件
blur() //当表单元素失去焦点时发生
focus() //当表单元素获得焦点时发生
change() //当表单元素的值发生改变时发生
select() //textarea 或文本类型的 input 元素中的文本被选择时发生
submit() //提交表单时发生
5、事件的绑定与解除
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")
}
})