参考文档: https://jquery.cuishifeng.cn/
事件
鼠标事件,键盘事件,其他事件
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="lib/jquery-3.6.0.js"></script><style>#divMove{width: 500px;height: 500px;border: 1px solid red;}</style>
</head>
<body>
<!-- 要求: 获取鼠标当前的一个坐标 -->
mouse: <span id="mouseMove"></span><div id="divMove">在这里移动鼠标试试
</div><script>// 当网页元素加载完毕之后,响应事件 -- 完整写法// $(document).ready(function () {//// })// 当网页元素加载完毕之后,响应事件 -- 简写$(function () {$('#divMove').mousemove(function (e) {$('#mouseMove').text('x: '+e.pageX + 'y: '+e.pageY)})})
</script>
</body>
</html>
mousemove: 鼠标移动
其他事件可参考 https://jquery.cuishifeng.cn/
https://www.bilibili.com/video/BV1JJ41177di?p=28