HTML5-事件-键盘-上下左右键

1、 事件

HTML5-事件-键盘-上下左右键

(1) 事件处理函数

HTML5-事件-键盘-上下左右键
HTML5-事件-键盘-上下左右键

(2) 事件定义

HTML5-事件-键盘-上下左右键
HTML5-事件-键盘-上下左右键
HTML5-事件-键盘-上下左右键

(3) 事件周期

HTML5-事件-键盘-上下左右键

2、 event对象

HTML5-事件-键盘-上下左右键

(1) 获取event对象

HTML5-事件-键盘-上下左右键

HTML5-事件-键盘-上下左右键

HTML5-事件-键盘-上下左右键
HTML5-事件-键盘-上下左右键

(2) 目标对象与this

HTML5-事件-键盘-上下左右键
HTML5-事件-键盘-上下左右键

3、取消事件———-index.html
HTML5-事件-键盘-上下左右键
例1
HTML5-事件-键盘-上下左右键

右键点击,不会出现浏览器默认的下拉框,比如检查元素等选项。
例2

oncontextmenu是右键事件,onclick是左键事件
preventDefault是阻止默认事件。
document.documentElement.clientHeight是获取屏幕可视的高度。
点击右键,下拉条出现。点击body内左键时,下拉框消失。
不用事件穿透是因为左键和右键是不同的事件,不需要做事件穿透。
因为火狐不识别event属性,所以需要随意传入一个参数取名为evt,给火狐浏览器识别。

4、 键盘事件

HTML5-事件-键盘-上下左右键
例1—-回车按键事件发表评论
HTML5-事件-键盘-上下左右键
例2
对于选择列表。selected=true证明被选中。
e.ctrlKey表示与回车一起按下的ctrl.

5、 上下左右移动小块—index2.html
HTML5-事件-键盘-上下左右键


  • 技术交流QQ群:198983438(加群请备注在哪里看到我们的群)在群里面随时会更新一些我们的课程视频以及开班动态

善知教育学习视频大汇总