妙味学堂六课上.pptx

事件详解焦点事件获取焦点事件onfocus\失去焦点事件onblur例子：输入框提示文字This关键字This指向：谁调用的this就指向谁Event对象用来获取事件的详细信息：鼠标位置、键盘按键Event对象的兼容：ev=ev||window.eventEvent对象下的获取鼠标位置：clientXclientY例子：方块跟着鼠标移动

事件详解事件流事件冒泡取消冒泡：ev.cancelBubble=true例子：仿select控件事件捕获Ie下是没有的，在绑定事件中，标准下是有的

事件详解绑定事件普通事件与绑定事件的区别绑定事件的兼容性attachEvent\addEventListenerIe下需要注意的，执行顺序、this指向例子：关闭两个更多按钮取消普通事件与取消绑定事件

键盘事件keyCode获取用户按下键盘的哪个按键例子：键盘控制Div移动其他属性ctrlKey、shiftKey、altKey例子：提交留言回车提交ctrl+回车提交

默认事件默认事件什么是默认事件阻止默认事件普通写法：returnfalse;例子1. 屏蔽右键菜单:oncontextmenu弹出自定义右键菜单

本课知识点练习新的事件理解: onfocus\onblur\mousedown\mouseup\mousemove\keydown\keyup\contextmenu事件流：冒泡、捕获绑定事件封装 bindEvent()\delEvent()事件对象详解：event对象clientXcancelBubblekeyCode

本课练习(1)1.模拟select控件2.自定义右键菜单3.方块跟随鼠标移动4.链接提示title框5.用键盘控制Div的移动-解决停顿问题6.左右点击图片切换(style.cursor=url(**.cur),auto)