专注于互联网--专注于架构

 最新标签
网站地图
文章索引
Rss订阅

首页 »Javascript教程 » javascript鼠标:使用Javascript取网页中鼠标位置 »正文

javascript鼠标:使用Javascript取网页中鼠标位置

来源: 发布时间:星期四, 2009年1月15日 浏览:2次 评论:0
="t18">在做鼠标移动至个某些按钮或文字上便在当前位置显示图片功能时需要用鼠标坐标来定位,思路方法比较简单,但面在Firefox广告做这么火,甚至用流氓思路方法,所以需要注意Mozilla或Firefox和IE兼容.
event.clientX 为鼠标距浏览左面边缘距离, event.clientY 为 鼠村距网页上方边缘距离,但定位不光这样就行了,需要考虑到当前网页坐标并不是鼠标位置(例如把网页滚动条拖到最右下方),所以我们需要加上下面内容:

var x = event.clientX + document.body.scrollLeft;
var y = event.clientY + document.body.scrollTop;

如果网页遵循了w3c标准话需要把 document.body 换成 document.documentElement ,否则 scroll 所取出来值律为0.

如果大家使用上面代码并且是在firefox下调试,是不是已经发现了 "event has not d",当然我也碰到这问题了:

JS: function test_event {
var x = event.clientX + document.body.scrollLeft;
var y = event.clientY + document.body.scrollTop;
alert("左边:"+x+ ", 右边:"+y);
}
HTML: <span _disibledevent="test_event(event);">click me</span>
标签：javascript取整数 javascript取余 javascript鼠标事件 javascript鼠标

相关文章

读者评论

  • 共0条 分0页

发表评论

  • 昵称：
  • 内容：

热门标签

精华推荐

Dig排行

阅读排行

评论排行