一、鼠标事件
.click() 点击事件
.dbclick() 双击事件
.hover() 鼠标悬停和离开
.mousedown() 鼠标按下
.mouseenter() 鼠标进入元素
.mouseleave() 鼠标离开元素
.mousemove() 鼠标在元素内移动
.mouseout() 鼠标离开元素
.mouseover() 鼠标进入元素内
.mouseup() 鼠标被释放
二、jQuery键盘事件
.keydown()
.keypress()
.keyup()
三、浏览器事件
.error()
.resize()
.scroll()
四、文档加载过程
(1)解析HTML结构
(2)加载外部脚本和样式表文件
(3)解析并执行脚本代码
(4)构造HTML结构 DOM模型//这时ready
(5)加载图片等外部文件
(6)页面加载完毕//这时加载load
五、绑定事件处理器
.bind() 绑定多个事件(“事件”,“方法”)
.delegate() 绑定多个事件 冒泡 (”元素”,“事件”,”方法”)
.off() 移除on的绑定
.on() 可以移除绑定
.one() 只加载一次
.unbind() 移除bind绑定
.undelegate() 移除undelegate绑定
//bind绑定
/*$(function () {
$("div").bind("click mouseup",function (evt) {
if(evt.type=="click"){
alert("666");
}
if(evt.type=="mouseup"){
alert("555");
}
})
})*/
//delegate绑定
$(function () {
$("div").delegate("p","click",function () {
alert("666");
/*if(evt.type=="mouseup"){
alert("555");
}*/
})
})
六、事件对象
event.currentTarget
event.Target
event.delegateTarget
event.pageX
event.pageY
event.type
event.preventDefault()
event.stopPropagation()
七、表单事件
focus()
blur()
change()
select()
submit()