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

  • 前端事件基础,一个简单的事件触发程序已关闭评论
  • 16 次浏览
  • A+
所属分类:Web前端
摘要

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


事件组成,事件三要素

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

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

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

事件执行三步骤

1.获取事件源:

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

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

btn.onclick; 

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

btn.onclick=fuction(){     console.log('事件触发成功'); }```