JS 获取屏幕中鼠标的坐标值_框架

<title>Js获取适时获取鼠标坐标值并显示</title>

var getCoordInDocumentExample = function(){

var coords = documentgetElementById("coords");

coordsonmousemove = function(e){

var pointer = getCoordInDocument(e);

var coord = documentgetElementById("coord");

coordinnerHTML = "X,Y=("+pointerx+", "+pointery+")";

}

var getCoordInDocument = function(e) {

e = e || windowevent;

var x = epageX || (eclientX +

(documentdocumentElementscrollLeft

|| documentbodyscrollLeft));

var y= epageY || (eclientY +

(documentdocumentElementscrollTop

|| documentbodyscrollTop));

return {'x':x,'y':y};

}

windowonload = function(){

getCoordInDocumentExample();

};

</script>

请在此移动鼠标。

</div>

<br />

用jquery库写就更简单呀,如这样:12345$(function(){ $('div#libox li')mouseover(function(){alert($(this)find('span')html());}); })。

拓展：

1、 JS 即 JavaScript。JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

2、在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

<title>Js获取适时获取鼠标坐标值并显示</title>

var getCoordInDocumentExample = function(){

var coords = documentgetElementById("coords");

coordsonmousemove = function(e){

var pointer = getCoordInDocument(e);

var coord = documentgetElementById("coord");

coordinnerHTML = "X,Y=("+pointerx+", "+pointery+")";

}

var getCoordInDocument = function(e) {

e = e || windowevent;

var x = epageX || (eclientX +

(documentdocumentElementscrollLeft

|| documentbodyscrollLeft));

var y= epageY || (eclientY +

(documentdocumentElementscrollTop

|| documentbodyscrollTop));

return {'x':x,'y':y};

}

windowonload = function(){

getCoordInDocumentExample();

};

</script>

请在此移动鼠标。

</div>

<br />

你说的那一般是js实现的，那就相对复杂多了，其中涉及到事件也很多。具体问题还是要具体看，现在很多在非ie下的代码不少都是用html5+css3完成的，因为只有ie对html5支持最差。

首先，获取到事件对象e，

事件来源，IE下面对应的是srcElement，FF下面是target。

下面是一个简单的例子，兼容IE和FireFox

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

以上就是关于JS 获取屏幕中鼠标的坐标值全部的内容，包括:JS 获取屏幕中鼠标的坐标值、js中鼠标移动事件触发时如何获得当前鼠标所在元素的内容、html中js捕获浏览器窗口外的鼠标位置等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/10065734.html

JS 获取屏幕中鼠标的坐标值

发表评论

评论列表（0条）