具体步骤如下：
1、新建一个html代码页面，在这个html页面找到<body>,然后在这个<body>里创建一个用来显示坐标位置的<div>,并给这个<div>添加一个id。
创建<div>的代码：<div id="point-loc"></div>
2、使用pageX、pageY获取鼠标当前位置。在<title>标签后面新建一个<script>，创建鼠标移动时获取鼠标当前的位置。
js代码：<script type="text/javascript">
document.onmousemove = function(e){
var loc = "当前位置 x:"+e.pageX+",y:"+e.pageY
document.getElementById("point-loc").innerHTML = loc
}
</script>
3、保存html后使用浏览器打开即可得到鼠标位置
使用以上方法即可获取鼠标位置哦。
方法/步骤：
1 .光标的坐标值分为鼠标点击的网页相对数值和屏幕对应的坐标值。下面分别讲下如何实现获得。
2 .首先讲解下网页中鼠标点击坐标。
在记事本或其他文本编辑器中输入html基本结构标签：<html><body></body></html>。
2 在html后输入头标签head ，并添加script标签代码。<head><script type="text/javascript"></script></head>。
3 在<script>标签中定义函数zuobiao()用来获取坐标值function zuobiao(event)
{xzb=event.clientXyzb=event.clientYalert("X 坐标: " + xzb + ", Y 坐标: " + yzb)}
点击<body>标签，定义鼠标事件onmousedown调用函数。
4 <body OnMouseDown="zuobiao(event)">在正文中随意添加一些说明文字。
5. <p>打开网页后点击任意位置，会d出窗口显示鼠标点击位置的 x 和 y 坐标。
6. 保存代码内容为html网页，然后预览测试效果。
html简介：
超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：
简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
获取你鼠标点击位置的left与top值，然后更改角色图片的left与top值。通过getElementById获取角色图片元素。照葫芦画瓢知道吗？你参考参考超级玛丽是怎么做的。超级玛丽是根据“→”键位控制图片，其实就是更改了原来图片的top与left值。同理，你只要得到鼠标点击部位的top与left值，那么再传给角色，角色就会移动过去。建议参考超级玛丽 javascript代码，欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）