46 lines
1.2 KiB
JavaScript
46 lines
1.2 KiB
JavaScript
import { printLog } from "./utils.js";
|
|
|
|
//click: 鼠标点击事件
|
|
document.querySelector('#b2').addEventListener('click', () => {
|
|
printLog("我被点击了...");
|
|
})
|
|
|
|
//mouseenter: 鼠标移入
|
|
document.querySelector('#last').addEventListener('mouseenter', () => {
|
|
printLog("鼠标移入了...");
|
|
})
|
|
|
|
//mouseleave: 鼠标移出
|
|
document.querySelector('#last').addEventListener('mouseleave', () => {
|
|
printLog("鼠标移出了...");
|
|
})
|
|
|
|
//keydown: 某个键盘的键被按下
|
|
document.querySelector('#username').addEventListener('keydown', () => {
|
|
printLog("键盘被按下了...");
|
|
})
|
|
|
|
//keyup: 某个键盘的键被抬起
|
|
document.querySelector('#username').addEventListener('keyup', () => {
|
|
printLog("键盘被抬起了...");
|
|
})
|
|
|
|
//blur: 失去焦点事件
|
|
document.querySelector('#age').addEventListener('blur', () => {
|
|
printLog("失去焦点...");
|
|
})
|
|
|
|
//focus: 元素获得焦点
|
|
document.querySelector('#age').addEventListener('focus', () => {
|
|
printLog("获得焦点...");
|
|
})
|
|
|
|
//input: 用户输入时触发
|
|
document.querySelector('#age').addEventListener('input', () => {
|
|
printLog("用户输入时触发...");
|
|
})
|
|
|
|
//submit: 提交表单事件
|
|
document.querySelector('form').addEventListener('submit', () => {
|
|
alert("表单被提交了...");
|
|
}) |