59 lines
1.1 KiB
HTML
59 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>事件学习</title>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
<p class="clicktese" onmouseout="name()">2222</p>
|
|
<p class="clicktese">3333</p>
|
|
|
|
<script>
|
|
|
|
|
|
function name() {
|
|
alert(1)
|
|
}
|
|
|
|
|
|
// console.log(document.getElementsByClassName("clicktese"))
|
|
|
|
|
|
document.getElementsByClassName("clicktese").onclick = function () {
|
|
alert("clicl1")
|
|
}
|
|
|
|
// document.getElementById("clicktese").onclick = function () {
|
|
// alert("clicl2")
|
|
// }
|
|
|
|
// document.addEventListener("click", function(){
|
|
// alert(1)
|
|
// })
|
|
|
|
// document.addEventListener("click", function(){
|
|
// alert(2)
|
|
// })
|
|
|
|
// document.addEventListener("click", function(){
|
|
// alert(3)
|
|
// })
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
// 事件 ？用户在页面上进行的某种操作
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html> |