JavaScript 学习笔记（十六） js事件
41 浏览量
2020-12-03
21:26:44
上传
评论
收藏 42KB PDF 举报
JavaScript 学习笔记（十六）学习笔记（十六） js事件事件
回顾
事件对象里包含三个方面的信息····回看上一篇内容！
事件对象里的属性和方法，主要是鼠标和键盘的信息。
1. 获取事件类型
事件对象属性type
2. 获取按键代码
事件对象属性keyCode：回车为13，空格为32，后退键为8
3. 检测Shift、Alt、Ctrl键
事件对象属性是否被按下：shiftKey、altKey、ctrlKey
4. 获取客户端坐标
事件对象属性clientX和clientY
5. 获取屏幕坐标
事件对象属性screenX和screenY
事件的类型
根据触发事件的事物和事件发生的对象，可将浏览器中发生的事件分为几个类型：
一、一、 鼠标事件鼠标事件
每个鼠标事件都会给以下event对象的属性填入值：
1.坐标属性（如clientX 和 client 等）
2.Type属性
3.Targer(DOM)或serElement（IE）属性（目标对象属性）
4.shiftKey、ctrlKey、altKey和metaKey（DOM）属性
5.button属性（只在mouse事件中）
(oEvent.target || oEvent.srcElement).id逻辑符或操作符作用于两个对象时，第一个对象非空，返回第一个对象，否则返回第
二个对象，这里表示的是引起事件的元素的ID。
二、二、 键盘事件键盘事件
Keydown — 在键盘上按下某按键时发生。一直按着某键，它则会不断触发。
Keypress — 按下一个按键，并产生一个字符时产生（也就是不管类似Shit ctrl alt之类的键。）一直按键时，它会持续发生。
Keyup — 释放按着的按键时发生
1. 事件的属性
对每个键盘事件，会填入以下的事件属性：
keyCode属性（键位的ASC码值）
charCode属性（仅DOM）
target（DOM）与srcElement（IE）属性
shiftKey、ctrlKey、altKey和metaKey（DOM）属性
2.顺序顺序
当用户按一次某字符按键时，会按以下顺序发生事件：
（1）、keydown；
（2）、keypress；
（3）、keyup；
如果用户按一次某非字符按键（例如shift），会按以下顺序发生事件：
（1）、keydown；
（2）、keyup；
三、三、 HTML事件事件
onload、unload、resize、scroll等事件。
四、四、 突变事件突变事件
文档或元素元素的子树的添加删除节点，目前还没有任何主流浏览器实现了它。
资源评论
