<!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
}
</style>
</head>
<body>
<input type="text" id="input1">
<script>
let oInp = document.getElementById("input1");
oInp.addEventListener("focus", f);
function f() {
console.log("我获得焦点了");
}
oInp.addEventListener("blur", fn);
function fn() {
console.log("我失去焦点了");
}
oInp.addEventListener("change", fn1);
function fn1() {
console.log("我现在的内容和获得焦点时的内容不一样了");
}
// radio单选框 点了别人自己发生改变不会触发
// 点选了自己 导致自己的状态发生改变才会触发
// checkbox 点选自己 change就会触发
</script>
</body>
</html>
Python3Turtle