JavaScript事件总结

本文详细解析了事件在网页交互中的作用,包括鼠标点击、页面加载等类型,以及如何通过事件处理程序进行响应。特别强调了鼠标事件的冒泡特性及键盘事件的连续触发机制。

事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间
事件可以分为如下几大类:鼠标点击、页面或图像载入、鼠标悬浮于页面的某个热点上、在表单中选取输入框、确认表单、键盘按键
鼠标事件:
鼠标事件是可以冒泡的。clientX和clientY属性指定了鼠标在窗口坐标的位置,button和which属性制定了按下的鼠标键是哪一个,当键盘的辅助件按下的时候,对应的属性altkey、ctrlkey、metakey、shiftkey会设置成true;对于click事件detail属性制定了其实单击,双击,还是三击。
鼠标移动时,就会触动mousemove事件,因此mouseover事件处理程序一定不能触发计算密集型任务。
键盘事件:
    onkeydown: 键盘被按下事件
    - 如果一直按着某个键不松开,则会一直触发该事件
    当onkeydown事件连续触发时,第一次和第二次之间的间隔时间稍微长一点,其他则会非常快。这是为了防止误操作的发生
    onkeyup: 键盘被松开的事件
    键盘事件一般都会绑定给一些可以获取焦点的对象或则是document

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值