509 字
2 分钟阅读
Javascript – 事件
简介
Javascript 事件
代码演示
<html>
<head>
<title>Javascript Event</title>
</head>
<body>
<button id = "btn">点击</button>
<script>
// 事件
// 事件是某些行为，比如用户点击按钮、鼠标移动、键盘按下等等
// 事件处理程序 是对事件进行处理的函数
// 事件处理程序 是一个函数，也可以是一个方法
// 添加事件监听
// 对象.addEventListener(事件类型, 要执行的函数);
// 事件类型：
// 鼠标事件
// click 鼠标点击
// mouseenter 鼠标移入
// mouseleave 鼠标移出
// 键盘事件
// keydown 键盘按下
// keyup 键盘抬起
// 焦点事件
// focus 获取焦点
// blur 失去焦点
// 表单事件
// input 输入内容
// submit 表单提交
// 获取按钮对象
let btn = document.querySelector('#btn');
// 添加点击事件
btn.addEventListener('click', function() {
console.log('点击了');
});
</script>
</body>
</html>效果
