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

1、 事件

这里写图片描述

(1) 事件处理函数

这里写图片描述
这里写图片描述

(2) 事件定义

这里写图片描述
这里写图片描述
这里写图片描述

(3) 事件周期

这里写图片描述

2、 event对象

这里写图片描述

(1) 获取event对象

这里写图片描述

这里写图片描述

这里写图片描述
这里写图片描述

(2) 目标对象与this

这里写图片描述
这里写图片描述

3、取消事件———-index.html
这里写图片描述
例1
这里写图片描述

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

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

4、 键盘事件

这里写图片描述
例1—-回车按键事件发表评论
这里写图片描述
例2
对于选择列表。selected=true证明被选中。
e.ctrlKey表示与回车一起按下的ctrl.

5、 上下左右移动小块—index2.html
这里写图片描述


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

善知教育学习视频大汇总

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值