跳转至

事件

JavaScript的代码一般通过事件触发。

可以通过addEventListener函数为元素绑定事件的触发函数。

常见的触发函数有:

鼠标

  • click:鼠标左键点击
  • dblclick:鼠标左键双击
  • contextmenu:鼠标右键点击
  • mousedown:鼠标按下,包括左键、滚轮、右键
    • event.button:0表示左键,1表示中键,2表示右键
  • mouseup:鼠标弹起,包括左键、滚轮、右键
    • event.button:0表示左键,1表示中键,2表示右键

键盘

  • keydown:某个键是否被按住,事件会连续触发
    • event.code:返回按的是哪个键
    • event.altKeyevent.ctrlKeyevent.shiftKey分别表示是否同时按下了 AltCtrlShift 键。
  • keyup:某个按键是否被释放
    • event常用属性同上
  • keypress:紧跟在keydown事件后触发,只有按下字符键时触发。适用于判定用户输入的字符。
    • event常用属性同上

keydownkeyupkeypress的关系类似于鼠标的mousedownmouseupclick


表单

  • focus:聚焦某个元素
  • blur:取消聚焦某个元素
  • change:某个元素的内容发生了改变

窗口

需要作用到window元素上。

  • resize:当窗口大小放生变化
  • scroll:滚动指定的元素
  • load:当元素被加载完成
回到页面顶部