js高级程序设计笔记21

事件

1.event

bubbles //事件是否冒泡
cancelable //是否可以取消事件的默认行为
currentTarget //当前事件处理的元素
eventPhase //事件处理处于哪个阶段，1捕获，2处于目标，3冒泡
target //事件目标
type //事件类型


preventDefault() //取消默认行为
stopPropagation() //取消捕获冒泡
stopImmediatePropagation() //取消捕获或冒泡，同时组织一切事件处理程序的调用

#事件处理程序中this的值永远等于currentTarget

2.事件类型

UI事件
焦点事件
鼠标事件
滚轮事件
文本事件
键盘事件
合成事件
变动事件

3.UI事件

load //页面完全加载完成时触发
unload //文档被卸载时触发

resize //浏览器窗口大小被调整时触发，根据浏览器不同触发机制不同

scroll //滚动浏览器时触发

4.焦点事件

blur //元素失去焦点时触发
focus //元素获得焦点时触发

5鼠标与滚轮事件

1.mousedown
2.mouseup
3.click
4.mousedown
5.mouseup
6.click
7.dbclick


event.clientX/event.clientY //获取事件触发位于窗口的坐标

//页面坐标位置
x = event.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft)

y = event.clienty + (document.body.scrollTop || document.documentElement.scrollTop)

//屏幕位置

event.screenX/event.screenY


//修改键

shiftKey,ctrlKey,altKey,metaKey //bool,如果按下了就为TRUE

//相关元素(mouseover,mouseout)

relatedElement // IE: toElement

//button属性

0 //主鼠标按钮
1 //中间按钮
2 //次鼠标按钮

//滚轮事件
wheelDelta //120的倍数

6.键盘和文本事件

keydown
keyup
keypress //按下字符键时触发

event.keycode //键码
evetn.charcode //字符集码，可用String().fromCharCode()转换成实际字符

Dom3中引入了char ,key两个属性