<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body {
font-family: "Microsoft YaHei", serif;
}
body, dl, dd, p, h1, h2, h3, h4, h5, h6 {
margin: 0;
}
ol, ul, li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none
}
#wrap{
width: 200px;
height: 200px;
background-color: #cc3366;
}
</style>
</head>
<body>
<div id="wrap"></div>
<script>
// dom 0级事件
// dom 1级事件 只是增加了api 没有改变事件添加方式
// dom 2级事件 改变了事件添加方式
let oWrap = document.getElementById("wrap");
// 不推荐了
// oWrap.onclick = function () {
// alert(1)
// }
// dom二级事件 不会覆盖 可以随便添加
oWrap.addEventListener("click",function (ev) {
console.log(this);
});
oWrap.addEventListener("click",function (ev) {
console.log(ev);
});
// dom二级事件的清除
document.addEventListener("click",f);
// 匿名函数是没有办法找到并且清除的
// 所以应该起个名字传进去
function f() {
console.log(1);
}
// 删除的时候 用名字选中删除
document.removeEventListener("click",f)
</script>
</body>
</html>
Python3Turtle