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：当元素被加载完成