事件
JavaScript的代码一般通过事件触发。
可以通过addEventListener
函数为元素绑定事件的触发函数。
常见的触发函数有:
鼠标
click
:鼠标左键点击dblclick
:鼠标左键双击contextmenu
:鼠标右键点击mousedown
:鼠标按下,包括左键、滚轮、右键event.button
:0表示左键,1表示中键,2表示右键
mouseup
:鼠标弹起,包括左键、滚轮、右键event.button
:0表示左键,1表示中键,2表示右键
键盘
keydown
:某个键是否被按住,事件会连续触发event.code
:返回按的是哪个键event.altKey
、event.ctrlKey
、event.shiftKey
分别表示是否同时按下了 Alt 、Ctrl 、Shift 键。
keyup
:某个按键是否被释放- event常用属性同上
keypress
:紧跟在keydown
事件后触发,只有按下字符键时触发。适用于判定用户输入的字符。event
常用属性同上
keydown
、keyup
、keypress
的关系类似于鼠标的mousedown
、mouseup
、click
表单
focus
:聚焦某个元素blur
:取消聚焦某个元素change
:某个元素的内容发生了改变
窗口
需要作用到window
元素上。
resize
:当窗口大小放生变化scroll
:滚动指定的元素load
:当元素被加载完成