获取鼠标坐标的js,来源http://www.cnblogs.com/5201314/archive/2009/05/21/1486034.html
兼容火狐,ie,chrome
<!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 http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta name="auther" content="fq" />
</head>
<body>
<script type="text/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('xxx').value = mousePos.x;
document.getElementById('yyy').value = mousePos.y;
}
document.onmousemove = mouseMove;
</script>
X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" />
</body>
</html>
如果以上还不够,那么试试这个,需要jquery支持
<%@ page language="java" pageEncoding="utf-8"%>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'hightlight.jsp' starting page</title>
<style type="text/css">
.highlight {background-color: #FFFF88; }
</style>
<script type="text/javascript">
function chHere(mouseOverId){
var X = $("#"+mouseOverId).offset().top;
var Y = $("#"+mouseOverId).offset().left;
alert(X+":"+Y);
}
</script>
</head>
<body>
<span id="mySpan" onclick="chHere('mySpan')" style="margin-left:50px;">这里</span>
</body>
</html>
分享到:
相关推荐
javascript获取鼠标当前位置坐标,并显示出来
js获取鼠标点击位置 js获取鼠标点击的位置常用的是 event.clientX和event.clientY分别获取横向的和纵向的位置...event.clientX和event.clientY获取的鼠标位置是相对于当前屏幕的,而不考虑页面的滚动条所滚动的距离。
一个基于VC环境下的程序源码,功能是快速获取鼠标所在位置的顔色值
本文主要介绍了利用javascript实现获取鼠标当前的位置的具体方法,具有很好的参考作用,需要的朋友可以看看
获取鼠标的坐标,通过js任意获取鼠标点击处的位置坐标。
canvas例子,如何获取鼠标在canvas中的位置。html+js。下载双击即可在浏览器运行,F12可查看源代码。
JavaScript获取鼠标位置和鼠标与div的相对位置
呵呵,各种获取鼠标位置的方法,很好的, 可以用于上传图片切割啊啥的
主要介绍了Javascript 获取鼠标当前的位置实现方法的相关资料,需要的朋友可以参考下
这是一个JS获得表格当前行数的例子,也就是你的鼠标在那一行 JS都可以帮你获得行数。
用 javascript 获取当前页面上鼠标(光标)位置在许多情况下都会用到,比如拖放,悬停提示(tooltip) 等等。当然,这里我们依然要面对浏览器的兼容问题,在不同的浏览器下,对这些相关的属性处理方式也不同,这里...
对于javascript获取当前鼠标坐标来说,得对不同浏览器的坐标位置有所了解。具体代码如下: 代码如下:<html> <head> <title>javascript获取当前鼠标坐标</title> <meta http-equiv=”...
但是原页面的代码还是需要修改,下面是修改可用的 常用的是 event.clientX和event.clientY分别获取横向的和纵向的位置,但仅使用这个方法是不够的,因为event.clientX和event.clientY获取的鼠标位置是相对于当前屏幕...
范例使用SuperMap iClient 6R for JavaScript开发模式,使用MousePosition控件实现鼠标移动到地图上展示实际的地理坐标。
js与jquery中获取当前鼠标的x、y坐标位置的代码.docx
vue通过当前的光标来进行插值,从而需要去获取光标所在的位置然后进行对光标前后的字符串进行截取处理,从而达到对新字符的插入
ArcGIS API For JavaScript 4.x 获取地图经纬度坐标(附完整代码,即开即用)
代码如下: ”testDiv”>放在我上面</div> [removed] $(‘#testDiv’).mousemove(function(e) { var xx = e.originalEvent.x || e.originalEvent... [removed] javascript获取鼠标当前位置坐标 鼠标滑动显示鼠标的当前位
一个很简单的javascript函数,当鼠标在页面上移动时不断的触发这个事件,然后将获得的X轴Y轴坐标位置实时赋值给其中的span标签 这样就可以实时显示当前坐标位置了 使用方法简单: 1、首先将附件中的函数...