JS笔记06-事件

【JS事件】

参考w3school手册,DOM Event ,里面描述了每个事件对应的哪些HTML标签支持。如click事件:

JS笔记06-事件

1.鼠标 / 键盘属性

JS笔记06-事件

案例:点击页面任意位置,获取当前位置的水平坐标和垂直坐标

JS笔记06-事件

2.事件分类

JS笔记06-事件

键盘事件:onkeydown 举例,判断用户按下的是哪个键

JS笔记06-事件

HTML事件:onload 和 onunload 举例:

JS笔记06-事件

通过JS改变style样式举例:

JS笔记06-事件

一个事件可以执行多个函数

JS笔记06-事件

剩下的两个:oncontextmenu , onselectstart 用到的时候再了解。

其中onselectstart 是禁止选择页面内容,经测试IE和谷歌下OK,火狐不行。

【补充】JS事件处理函数:

JS笔记06-事件

【代码】https://github.com/rxbook/study-javascript/tree/master/code06