光标的坐标值分为鼠标点击的网页相对数值和屏幕对应的坐标值。下面分别讲下如何实现获得。

首先讲解下网页中鼠标点击坐标。

在记事本或其他文本编辑器中输入html基本结构标签

html

body

/body

/html

在html后输入头标签head ，并添加script标签代码。

head

script type=text/javascript

/script

/head

在script标签中定义函数zuobiao()用来获取坐标值

function zuobiao(event)

{

xzb=event.clientX

yzb=event.clientY

alert(X 坐标: + xzb + , Y 坐标: + yzb)

}

点击body标签，定义鼠标事件onmousedown调用函数。

body OnMouseDown=zuobiao(event)

在正文中随意添加一些说明文字。

p打开网页后点击任意位置，会弹出窗口显示鼠标点击位置的 x 和 y 坐标。/p

保存代码内容为html网页，然后预览测试效果。

获得屏幕坐标方法和上面相同，只是定义函数中有所差异。点击script标签，修改函数代码，命名为

function screenzb(event)

{

xzb=event.screenX

yzb=event.screenY

alert(X= + xzb + Y= + yzb)

}

然后body标签中的调用函数修改为新定义的screenzb()

body onmousedown=screenzb(event)

修改下网页正文的说明文字。

p打开网页后点击任意位置，弹出窗口将显示鼠标相对于屏幕的 x 和 y 坐标/p

保存代码后，预览网页效果。

如果您喜欢小编的文章，请点击右下角的分享按钮，分享给更多的朋友。