JS获得鼠标位置（兼容多浏览器ie,firefox）

conkeyn

浏览: 1522735 次
性别:
来自: 厦门

最近访客更多访客>>

fuyun10036

yl4257891

ja_1991

chenzehe

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

浏览器 IE Firefox XHTML 脚本

<!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" /> 
<title>JS获得鼠标位置（兼容多浏览器ie,firefox）脚本之家修正版</title> 
</head> 

<body> 

<script> 
function mouseMove(ev) {
	var mousePos = mouseCoords(ev);
	// alert(ev.pageX);
	document.getElementById("xxx").value = mousePos.x;
	document.getElementById("yyy").value = mousePos.y;
}

function mouseCoords(ev) {
	ev = ev || window.event;
	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
	};
}

document.onmousemove = mouseMove; 
</script> 
鼠标 X 轴: 
<input id=xxx type=text> 

鼠标 Y 轴: 
<input id=yyy type=text> 
</body>

http://www.jb51.net/article/16638.htm

JS获得鼠标位置（兼容多浏览器ie_firefox）.rar (746 Bytes)
下载次数: 50

分享到：

jQuery中this与$(this)的区别 | MySQL修改root密码的各种方法整理

2009-10-31 18:57
浏览 3773
评论(1)
查看更多

1 楼 cfan_haifeng 2012-08-23

呵呵，不错。
ie8下，这个

 return {  
        x : ev.clientX + document.body.scrollLeft - document.body.clientLeft,  
        y : ev.clientY + document.body.scrollTop - document.body.clientTop  
    };

部分情况会有些闪，可以拉出来。


var xp= document.body.scrollLeft - document.body.clientLeft;
var yp= document.body.scrollTop - document.body.clientTop;
function mouseMove(ev)
{
	ev= ev || window.event;
	
 
	
	var left = $("#headtop").offset().left;    //获取div的居左位置
	var right = $("#headmenu").width()+left;// 获取div的居右位置
	var mousePos = mouseCoords(ev);
	if(mousePos.x < left || mousePos.x > right) {
		$("div.menuSon").hide();
	}
	
	function mouseCoords(ev)
	{
		if(ev.pageX || ev.pageY) {
		
			return {x:ev.pageX, y:ev.pageY};
		} else {
		 
			return {
			
				x:ev.clientX+xp,
				y:ev.clientY+yp
			};
		}
		
	}
	
	
}
//$(document).mousemove = mouseMove;
/*****

***/
document.onmousemove = mouseMove;

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JS获得鼠标位置（兼容多浏览器ie,firefox）

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JS获得鼠标位置（兼容多浏览器ie,firefox）

评论

发表评论

相关推荐

Angularjs 1.x 中使用 layDate 日期控件

简易向左移动的滚动效果 jquery simple marquee

angualrjs添加动态指令（动态编译指令）

CKeditor的取值和赋值

Spring boot 环境下配置CKEditor添加google map

javascript中借用别的类的方法

Javascript的类与子类创建

jQuery 对 select 操作

JSON2的使用方法心得

json对象的应用

JQuery对html控件操作总结

将json元素添加到表单select中

js加密解密

设为首页JS,加入收藏夹js,加入收藏夹代码,设为首页代码,火狐和ie兼容

精通 JS正则表达式

jQuery.Autocomplete 中文支持

强烈推荐：240多个jQuery插件

jQuery中this与$(this)的区别

javascript 计算文字长度

JavaScript判断浏览器类型及版本

最近访客更多访客>>