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

事件组成,事件三要素

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

网站建设哪家好,找成都创新互联!专注于网页设计、网站建设、微信开发、小程序制作、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了乌鲁木齐免费建站欢迎大家使用!

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

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

事件执行三步骤

1.获取事件源:

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

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

btn.onclick;

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

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

文章标题:前端事件基础,一个简单的事件触发程序
分享路径:https://www.cdcxhl.com/article24/dsojice.html

成都网站建设公司_创新互联,为您提供商城网站网站策划服务器托管微信公众号建站公司搜索引擎优化

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网页设计公司