<!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: deeppink;
}
</style>
</head>
<body>
<div id="wrap"></div>
<script>
var oWrap = document.getElementById("wrap");
// 节点 . 事件 = 函数
oWrap.onclick = function () {
console.log("我被点击了");
}
// 鼠标事件: onclick 左键单击 ondblclick 左键双击 onmouseover onmouseenter 鼠标移入 onmouseout onmouseleave鼠标移出 onmousedown 鼠标按下 onmousmove 鼠标移动 onmouseup 鼠标抬起 oncontextmenu 右键单击
//
// 键盘事件:onkeydown onkeypress 键按下 onkeyup 键抬起
//
// 系统事件: onload 加载完成后 onerror 加载出错后 onresize 窗口调整大小时 onscroll 滚动时
//
// 表单事件: onfocus 获取焦点后 onblur 失去焦点后 onchange 改变内容后 onreset 重置后 onselect 选择后 onsubmit 提交后
</script>
</body>
</html>
Python3Turtle