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

事件组成,事件三要素

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

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


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

事件执行三步骤

1.获取事件源:

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

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

btn.onclick;

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

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

网页名称:前端事件基础,一个简单的事件触发程序
标题路径:http://csruizhi.cn/article/dsojice.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 重庆网站设计 成都网站制作 成都网站建设 重庆外贸网站建设 成都网站建设 高端网站设计推广 成都网站制作 营销型网站建设 响应式网站设计 成都企业网站设计 泸州网站建设 H5网站制作 成都网站制作 成都网站制作 营销网站建设 成都网站设计 自适应网站建设 教育网站设计方案 成都网站建设 网站建设推广 网站建设 成都网站建设