js中的事件绑定

138 阅读1分钟

首先,我们得知道什么事件?

事件是指在编程时系统中发生的动作或者是发生的事情,就好比如说用户 点击 一个按钮进入下一个界面

那么在通过点击这个动作,系统会进行下一步的什么样的操作呢?那么就需要有一个人对点击这个动作进行一个判断和监听,是否做了这个动作?做了这个动作之后,系统下一步应该怎么做?

通过上面的思考,我们可以得出了系统有一个监听事件,一旦有事件的触发,就会立即调用一个函数来做出响应,也叫做注册事件。

绑定事件的三要素:事件源,事件类型,事件处理函数

语法:事件源(元素). addEventListener(事件类型,事件处理函数)

具体表现为:


//前提,需要先获取到需要做绑定事件的元素,然后再进行时间的绑定
let btn = document.querySelector('button')
btn.addEventListener('click', function() {
        console.log(123)
      })

\