我常常用到鼠标点击事件，很熟悉怎么用但一直没搞明白它的逻辑

一、on:click 事件的发生

  • 鼠标点击事件是 on:click 事件
  • 把 on:click 绑定到 一个标签上
  • 点击这个这个标签就会触发这个事件
  • 触发事件后，浏览器会传参 e
  • 我们可以设置触发事件后做什么，即写一个函数说明做的内容

**

二、on:click 事件的要素

  1. on:click 事件：→ 考虑怎么触发，传什么参数
  2. 元素：→ 事件绑定的地方
  3. 参数：→ 特定地方触发了事件，传参数
  4. 函数：→ 触发事件后做什么

三、怎么理解事件绑定和触发

我们要先一步一步来

  • 先写事件触发条件，要写清楚两点
    • 触发条件
    • 传什么参数
  • 绑定元素，写明怎么做，要写清楚两点
    • 绑定的元素
    • 触发事件后的函数

「@浪里淘沙的小法师」