2008年1月

日

一

二

三

四

五

六

30

31

1

2

3

4

5

6

7

8

9

10

13

15

16

17

18

19

20

21

23

24

25

27

28

29

31

1

2

3

4

5

6

7

8

9

昵称：Agan@CN
园龄：4年1个月
粉丝：5
关注：0

搜索

最新随笔

随笔档案(15)

积分与排名

积分 - 51758
排名 - 2047

最新评论

阅读排行榜

推荐排行榜

获取鼠标的坐标

在页面上拖拽层首先要做的就是定位当前鼠标的位置，看看下面代码javascript定位鼠标。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> 定位鼠标 </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="sylar">

<META NAME="Keywords" CONTENT="javascript">

<META NAME="Description" CONTENT="">

</HEAD>

<script>

function getMousePosition()

{

var e = e||window.event;

var objSrc = e.srcElement;//event source element

var left = 0;

var top = 0;

while (objSrc.offsetParent){

left += objSrc.offsetLeft;

top += objSrc.offsetTop;

objSrc = objSrc.offsetParent;

}

left += objSrc.offsetLeft;//source element's offsetTop

top += objSrc.offsetTop;//source element's offsetLeft

//alert(e.offsetX);

mouseOffsetX = left + e.offsetX;

mouseOffsetY = top + e.offsetY;

mX.value = mouseOffsetX;

mY.value = mouseOffsetY;

}

document.onmousemove = getMousePosition;

</script>

<BODY>

鼠标X坐标：<input type=text name=mX size=10>

鼠标Y坐标：<input type=text name=mY size=10>

</BODY>

</HTML>

posted on 2008-01-14 22:56 Agan@CN 阅读(1622) 评论(3) 编辑收藏

FeedBack:

#1楼 2008-01-28 13:39 您好[未注册用户]

深马玩意
　回复　引用　

#2楼 2008-04-21 15:35 robasd[未注册用户]

shuiyu
　回复　引用　

#3楼 2008-05-21 17:27 aaaaa[未注册用户]

xiel;e
　回复　引用　

注册用户登录后才能发表评论，请登录或注册，返回博客园首页。

首页博问闪存新闻园子招聘知识库

最新IT新闻:
· 伊朗封杀Gmail和Facebook等互联网服务
· 分析称专利之争让谷歌苹果两败俱伤
· Android平台发现新型手机病毒Rootsmart
· HTC首款Android4.0手机大曝光
· 这是不是你期待的 iPad 3？
» 更多新闻...

最新知识库文章:

· 高级编程语言的发展历程
· 如何学习一门新的编程语言？
· 学习不同编程语言的重要性
· 为什么我喜欢富于表达性的编程语言
· 计算机专业的女生为什么要学编程

» 更多知识库文章...

China-pub 2011秋季教材巡展
China-Pub 计算机绝版图书按需印刷服务