<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
/*
事件类型:
一,鼠标事件:由鼠标触发的事件
1. click 鼠标左键单击事件
2. dblclick 鼠标左键双击事件
3. contextmenu 鼠标右键单击事件
4. mousedown 鼠标按下事件
5. mouseup 鼠标抬起事件
6. mousemove 鼠标移动事件
7. mouseover 鼠标进入事件
8. mouseout 鼠标离开事件
注意: 上面这两个 是一组 不光在自己身上能触发 在后代身上也能触发
9. mouseenter 鼠标进入事件
10. mouseleave 鼠标离开事件
注意: 上面这两个是一组 只能在自己身上触发
// 获取元素
var box = document.querySelector('div')
// click 鼠标左键单击事件
box.onclick = function () {
console.log(111);
}
//
js 事件类型
最新推荐文章于 2023-11-20 16:42:15 发布