编写脚本实现,在网页点击,小球会自动移动到鼠标处 批注 2021-05-26 074841.jpg

编写脚本实现,在网页点击,小球会自动移动到鼠标处 批注 2021-05-26 074841.jpg

你是上传了一个图片吗?这边看不到。

你可以在js监听鼠标单击事件,当鼠标单击之后获取鼠标在网页上的坐标,然后修改小球的位置就可以了。

代码如下:{如果对你有帮助,可以点击我这个回答右上方的【采纳】按钮,给我个采纳吗,谢谢}。

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title> 页面名称 </title>
<style type="text/css">
#box {
	position: absolute;
	left: 50px;
	top: 50px;
}
</style>
</head>
<body>
<img id="box" src="2021-05-26 074841.jpg" width="50" height="50" alt="" />
<script type="text/javascript">
document.onclick = function (e) {
	var e = e || window.event;
	var x = e.clientX;
	var y = e.clientY;
	var obj = document.getElementById("box");
	obj.style.left = x +"px";
	obj.style.top = y +"px";
}
</script>
</body>
</html>

 

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632