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

 　　这篇文章主要介绍了Js和JQuery获取鼠标指针坐标的实现代码分享,本文直接给出实现的代码,需要的朋友可以参考下

　　?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<title>jquery 获取鼠标指针的坐标</title>
<script>
//普通js函数
function test(event) {
event = event || window.event;
var x = event.offsetX || event.layerX;
var y = event.offsetY || event.layerY;
alert("x="+x+"; y="+y);
}
//jquery函数
$(function(){
$("#t").mouseover(
function(event){
event = event || window.event;
var x = event.offsetX || event.originalEvent.layerX;
var y = event.offsetY || event.originalEvent.layerY;
alert("x:"+x+"; y:"+y);
}
);
});
</script>
 
</head>
 
<body>
<div id="t" style="float:left;background-color: green;width: 300px;height: 60px;">测试鼠标位置（jquery函数处理）</div>
<div id="s" onmouseover="test(event)" style="float:left;background-color: red;width: 300px;height: 60px;margin-left:10px;">测试鼠标位置（普通js函数处理）</div>
 
</body>
</html>
时间： 2024-10-21 19:08:52

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

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

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <ti

JS网页在线获取鼠标坐标值的方法

 这篇文章主要介绍了JS网页在线获取鼠标坐标值的方法,涉及javascript操作页面窗口位置元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS网页在线获取鼠标坐标值的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

JS网页在线获取鼠标坐标值的方法_javascript技巧

本文实例讲述了JS网页在线获取鼠标坐标值的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>显示鼠标坐标</title> </head> <body onMousemove="m

js-请问如何通过JS或者jQuery实现鼠标滑到某个div上 页面向左滑动 滑出则停止 向右同理

问题描述 请问如何通过JS或者jQuery实现鼠标滑到某个div上 页面向左滑动 滑出则停止 向右同理 如题. 我在页面上弄了两个div,一个是向左按钮一个是向右按钮. 页面属于左右滑动型. 如何实现鼠标滑到向左的那个div上 页面向左滑动 滑出则停止 向右同理? 谢谢各位大神!拜谢!! 拜托各位看清我的问题好吗,头两个答案根本牛头不对马嘴>.< 我说的是让页面滑动.另外,如果有代码最好--谢谢 解决方案 .on{height:50px;background:#eee}.dd{backgrou

如何通过js和jquery获取图片真实的宽度和高度

原文:如何通过js和jquery获取图片真实的宽度和高度 1.什么时候需要获取图片真实的宽度和高度       在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图.然后判断过后给予不同的展示方式!       另外一种就是在手机页面上,在新闻页插入的图片往往都是按照图片的原尺寸来展示,如果手机屏幕太小,太大的图就会超出去!这时候有两种解决办法 1)给所有的图片加上这样的样式 .news img{margin:5px auto; display:block;width:1

JS或jQuery获取ASP.NET服务器控件ID的方法

  这篇文章主要介绍了JS或jQuery获取ASP.NET服务器控件ID的方法,本文介绍一方法,解决如何使用js获取ASP.NET控件在浏览器端生成html标签对应的id,需要的朋友可以参考下 在ASP.NET中使用js时,js获取DOM元素时,经常获取不到,这是因为获取的方法有误,现在介绍一方法,解决如何使用js获取ASP.NET控件在浏览器端生成html标签对应的id 1.获取服务器端控件在浏览器端生成的标签的id,即服务器控件对应的客户端html标签id 通过服务器端控件的ClientID

JS和jquery获取各种屏幕的宽度和高度的代码

这篇文章介绍了JS和jquery获取各种屏幕的宽度和高度的代码,有需要的朋友可以参考一下   Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWi

JS和JQUERY获取页面大小,滚动条位置,元素位置

 这篇文章主要是对JS和JQUERY获取页面大小,滚动条位置,元素位置的示例代码进行了介绍.需要的朋友可以过来参考下,希望对大家有所帮助 js与jquery获得页面大小.滚动条位置.元素位置   代码如下: //页面位置及窗口大小   function GetPageSize() { var scrW, scrH;  if(window.innerHeight && window.scrollMaxY)  {    // Mozilla     scrW = window.innerWid

js与jQuery 获取父窗、子窗的iframe

 本篇文章介绍了js与jQuery 获取父窗.子窗的iframe.需要的朋友可以过来参考下,希望对大家有所帮助 在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素   js   在父窗口中获取iframe中的元素    1.   格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").clic