手机
当前位置:查字典教程网 >编程开发 >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+CSS实现图片上放置按钮的方法

jQuery聚合函数实例

JS实现窗口加载时模拟鼠标移动的方法

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

js实现鼠标移到链接文字弹出一个提示层的方法

javascript获取文档坐标和视口坐标

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

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

js中setTimeout()与clearTimeout()用法实例浅析

jQuery判断一个元素是否可见的方法

精品推荐
分类导航