手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >在页面中js获取光标/鼠标的坐标及光标的像素坐标
在页面中js获取光标/鼠标的坐标及光标的像素坐标
摘要:近期为网站开发页面统计,以前虽然也开发过,但是功能不是很全,所以这次把一些好功能给用上。例如这次的,页面JS光标/鼠标坐标,你也许问着有什么...

近期为网站开发页面统计,以前虽然也开发过,但是功能不是很全,所以这次把一些好功能给用上。

例如这次的,页面JS光标/鼠标坐标,你也许问着有什么用,百度统计中有个热点统计图,这下清楚明白了吧。

好了,上肉:

功能:获取光标的像素坐标

复制代码 代码如下:

<html>

<head>

<script type="text/javascript">

function showPosition(e){

var x,y;

var e = e||window.event;

document.getElementById("x").value = e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;

document.getElementById("y").value = e.clientY+document.body.scrollTop+document.documentElement.scrollTop

}

</script>

</head>

<body>

<div onmousemove="showPosition(event);">

x:<input id="x" type="text" value="" />

y:<input id="y" type="text" value="" />

</div>

</body>

</html>

【在页面中js获取光标/鼠标的坐标及光标的像素坐标】相关文章:

jQuery中 prop() attr()使用详解

js兼容火狐获取图片宽和高的方法

javascript实现在网页任意处点左键弹出隐藏菜单的方法

JQuery自动触发事件的方法

JS实现上下左右对称的九九乘法表

判断checkbox选择的个数 多浏览器

删除javascript所创建子节点的方法

jQuery聚合函数实例

jQuery获取上传文件的名称的正则表达式

Js和JQuery获取鼠标指针坐标的实现代码分享

精品推荐
分类导航