利用JavaScript获取鼠标经过位置的X、Y坐标方法。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>XYPosition</title>

<script language="javascript">
function mousePosition(ev){
 　 if(ev.pageX || ev.pageY){
　　　　return {x:ev.pageX, y:ev.pageY};
  　}
　　return {
　　　　x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
　　　　y:ev.clientY + document.body.scrollTop - document.body.clientTop
　　};
}

function mouseMove(ev){
　　ev = ev || window.event;
　　var mousePos = mousePosition(ev);
　　document.getElementById('xzb').value = mousePos.x;
　　document.getElementById('yzb').value = mousePos.y;
}

document.onmousemove = mouseMove;

/*
function Show(el){
//alert(el.offsetLeft);
//alert(el.offsetLeft);
var x = parseInt(document.getElementById('xzb').value)-el.offsetLeft;
var y = parseInt(document.getElementById('yzb').value)-el.offsetTop;
if (x>660 && x <760){
if(y>140 && y <360){
//alert(x+","+y);
window.location.href = "index.htm";
}
}
x = "X:"+x;
y = "Y:"+y;
//alert(x+","+y);
}
*/
</script>

</head>
<body>
X:<input id="xzb" type="text" /> Y:<input id="yzb" type="text" /></br>
<img id="imgPic" src="img/css_globe_diffuse2.jpg" onclick="Show(this)" />

</body>
</html>

获取鼠标经过位置的X、Y坐标的更多相关文章

  1. js获取鼠标的位置

    <!doctype html><html><head><meta charset="utf-8"><title>获取鼠标 ...

  2. WPF 获取鼠标屏幕位置、窗口位置、控件位置

    原文:WPF 获取鼠标屏幕位置.窗口位置.控件位置 public struct POINT { public int X; public int Y; public POINT(int x, int ...

  3. document.compatMode属性和获取鼠标的位置

    document.compatMode属性 document.compatMode用来判断当前浏览器采用的渲染方式. 官方解释: BackCompat:标准兼容模式关闭.CSS1Compat:标准兼容 ...

  4. HTML页面上获取鼠标的位置（备忘）

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  5. WPF获取鼠标当前位置

    /// <summary> /// 设置鼠标的坐标 /// </summary> /// <param name="x">横坐标</par ...

  6. Range对象理解，浏览器兼容性，获取鼠标光标位置

    一.关于浏览器的兼容性 目前主要有3种关于range的类似的对象,分别是W3C range 对象,Mozzlia selection ,ie TextRange 关于这三种的区别,请查看文档 http ...

  7. 2015/11/4用Python写游戏，pygame入门(4)：获取鼠标的位置及运动

    按昨天的说法,今天将开始做一个简单的游戏了. 目标是拷贝微信的飞机大战,当然拷贝完以后大家就具备自己添加不同内容的能力了. 首先是要拿到一些图片素材,熟悉使用图像处理软件和绘画的人可以自己制作,并没有 ...

  8. （转）linux如何获取鼠标相对位置信息

    #include <stdio.h> #include <stdlib.h> #include <linux/input.h> #include <fcntl ...

  9. Cesium 获取鼠标当前位置的模型高度，地形高度，OSGB高度，及其经纬度。

    var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene._imageryLayerCollection);var ray,posit ...

随机推荐

  1. ubuntu 16.04 安装pycharm

    Ubuntu16.04下安装Cuda8.0+Caffe+TensorFlow-gpu+Pycharm过程(Simple) ubuntu 16.04 安装pycharm 1.安装java  jdk 直接 ...

  2. 优矿众包对冲基金计划”优选策略---100w实盘资金管理权！！

    https://uqer.io/contest/ http://www.cnblogs.com/dunitian/p/4939369.html 优连

  3. CentOS 7在桌面添加快捷方式

    直接把 /usr/share/applications 对应的 xxx.desktop 文件复制到桌面就OK!比如要在桌面创建Google Chrome Browser的快捷方式,直接在找到 /usr ...

  4. C++測量一段代码的执行时时间

    在电脑里发现的一段C++代码,尽管自己不做C++开发了.还是贴出来,给须要的人 LARGE_INTEGER BegainTime ; LARGE_INTEGER EndTime ; LARGE_INT ...

  5. python cython 模块(2)

    cython 的主要用途是加速python 代码的执行速度,手段有很多种,最简单的一种就是将变量声明成静态类型: 比如用python 代码写的计算素数的函数,最大计算1000个: def primes ...

  6. Json学习一（基础概念知识学习）

    1.Json简单介绍 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它使得人们非常easy的进行阅读和编写. 同一时候也方便了机器进行解析和生成.它是基 ...

  7. _T("D:\\122.txt")【字符集问题】或【类型转换问题】

    项目->属性->常规->字符集->使用多字节字符集!时用_T("Filename"), 貌似不是字符集的问题!  1.使用替换,,,后, _T(" ...

  8. quick-cocos2d-x游戏开发【10】——触摸捕获事件 cc.NODE_TOUCH_CAPTURE_EVENT

    假设看过sample中touch的代码,你会发现演示样例中有一个cc.NODE_TOUCH_CAPTURE_EVENT事件.它和cc.NODE_TOUCH_EVENT触摸事件一样,是引擎级别的事件,我 ...

  9. Python 爬虫知识点 - XPath

    http://cuiqingcai.com/2621.html 一.基础介绍 <bookstore> <book> <title>Harry Potter</ ...

  10. laravel 集合接口

    只记下几个常用的,其他的看这里:http://laravelacademy.org/post/6293.html 1)什么是集合? 就是laravel查询构建器查询返回的数据结果(get first ...