javascript 如何获取鼠标在图片上的相对坐标

chokochu 2011-06-15 03:02:02
如果鼠标在图片的左上角,那么得到的坐标应该是(0,0)
请问这个怎么实现,有例子吗?
在线等哦~
...全文
219 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
a260881071 2011-06-15
  • 打赏
  • 举报
回复
http://topic.csdn.net/u/20110425/14/d65aeedb-17cd-473a-ab4c-abcc17638bf4.html




--------------------------------------帅签分割线-------------------------------------------------
挨踢直男 2011-06-15
  • 打赏
  • 举报
回复
<img id="img" src="4936459bta59d1373744a&690.jpg" style="margin:100px; 

border:1px solid #000"/>
<script type="text/javascript">
document.getElementById("img").onclick= function(e)
{
e = window.event || e;
var clientX = e.clientX;
var clientY = e.clientY;
var imgLeft = this.offsetLeft;
var imgTop = this.offsetTop;
alert("左:"+(clientX - imgLeft))
alert("上:"+(clientY - imgTop))
}
</script>
chokochu 2011-06-15
  • 打赏
  • 举报
回复

[Quote=引用 1 楼 aspwebchh 的回复:]

HTML code
<script type="text/javascript">
document.documentElement.onclick = function(e)
{
e = e || window.event;
alert("x轴:"+e.clientX)
alert("y轴:"+e.clientY)
}
</script>
[/Quote]
这样好像是不行的哦
挨踢直男 2011-06-15
  • 打赏
  • 举报
回复
<script type="text/javascript">
document.documentElement.onclick = function(e)
{
e = e || window.event;
alert("x轴:"+e.clientX)
alert("y轴:"+e.clientY)
}
</script>

87,989

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧