前端事件基础,一个简单的事件触发程序

事件组成,事件三要素

1.事件源:事件触发的按钮,比如鼠标点击某个图标跳转页面,那个图标就称为事件源。
比如,

<button>我是一个按钮,也是事件源</button>

2.事件类型:事件触发的方式,怎么触发一个事件,比如鼠标点击(oncilck),鼠标经过,还是按下松开触发。
3.事件处理程序:通过函数赋值的方式来完成

事件执行三步骤

1.获取事件源:

var btn=document.querySelector('button');

2.绑定事件:可以省略,下一步会重复这个操作

btn.onclick;

3.添加事件处理程序,也就是给绑定的事件赋值函数,点击按钮触发事件,控制台输出文字:

btn.onclick=fuction(){
    console.log('事件触发成功');
}```
posted @ 2022-11-02 13:04  程序员奇奇  阅读(226)  评论(0)    收藏  举报