0
点赞
收藏
分享

微信扫一扫

[JS DOM&BOM]事件


[JS DOM&BOM]事件

事件基础

事件的概念

事件是可以被JS检测到的行为,触发-响应

事件由三部分组成:事件源 事件类型 事件处理程序
事件源:事件被触发的对象
事件类型:如何触发
事件处理程序:通过一个函数赋值的方式完成

const btn = document.querySelector('button');//事件源

btn.onclick = function() {//onclick为事件类型,匿名函数赋值
const rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';
document.body.style.backgroundColor = rndCol;
}

事件的执行流程

  1. 获取事件源
  2. 绑定事件(注册事件)
  3. 添加事件处理程序

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width",
initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>123</div>
<script>
var div=document.querySelector('div');//获取事件源
div.onclick=function(){//绑定事件
console.log('我被选中了');//添加事件处理程序
}
</script>
</body>
</html>


举报

相关推荐

0 条评论