jQuery代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
#divMove{
border: red solid 2px;
width: 500px;
height: 500px;
}
</style>
</head>
<body>
<!--要求:获取当前鼠标的坐标-->
mouse:-------<span id="mouseMove"></span>
<div id="divMove">
在这里移动鼠标试试
</div>
<script>
//当网站加载完毕之后,相应事件
$(function (){
$('#divMove').mousemove(function (e){
$('#mouseMove').text('x:'+e.pageX +'-------y:'+e.pageY)
})
});
</script>
</body>
</html>
效果图
简化代码:当网页元素加载完毕之后,响应事件。
$(document).ready(function(){
})
-----------------经过简化变为--------------------
$(function(){
});