事件三要素
<script>
// 1.事件由三部分构成，事件源 事件类型 事件处理程序
// （1）事件源 事件被触发的对象 谁 按钮
var btn = document.getElementById("btn");
var btn1=document.getElementsByClassName('btn1');
// （2）事件类型 如何触发 什么事件 比如鼠标点击（onclick）还是鼠标经过
// （3）事件处理程序 通过一个匿名函数赋值的方式 完成
btn.onclick=function(){
alert("加油！坚持就是胜利！");
}
// getElementsByClassName返回的是一个对象集合，有点像数组
btn1[0].onclick=function(){
alert("我是测试的");
}
</script>
点击测试按钮
执行过程
<body>
<!-- 点击div 控制台输出 我被选中了 -->
<button id="d">123</button>
<script>
// 1.获取事件源
var d = document.getElementById("d");
// 2.绑定事件 注册事件
// d.onclick
// 3.添加事件处理程序
d.onclick=function(){
console.log("我被选中了");
}
</script>
</body>
356
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
