`
sailei1
  • 浏览: 127069 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript,jquery 捕捉鼠标位置

阅读更多
<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>

看到的相关资料
http://www.cnblogs.com/zcy_soft/archive/2010/12/30/1922205.html

http://www.iteye.com/topic/775445
分享到:
评论

相关推荐

    jquery监听鼠标滚轮事件+js监听滚轮事件

    为了捕捉这一行为并根据需要做出响应,开发者通常会使用JavaScript或jQuery来监听滚轮事件。本篇将详细介绍如何使用jQuery和原生JavaScript实现鼠标滚轮事件的监听。 一、jQuery监听鼠标滚轮事件 jQuery库提供了一...

    jquery根据鼠标位置移动背景图片插件

    当用户在页面上移动鼠标时,该插件会捕捉到鼠标的当前位置,并据此调整指定元素的背景图片定位。这通常是通过CSS的`background-position`属性来实现的。开发者可以设置背景图片的初始位置,然后由插件动态更新这个...

    jquery鼠标滚轮事件

    总的来说,jQuery的鼠标滚轮事件是Web开发中的一个重要工具,它帮助开发者轻松地捕捉用户的滚动行为,进而实现更加个性化的网页交互。通过熟练掌握和应用这些知识点,你可以在项目中创造出更佳的用户体验。

    jQuery slideControl鼠标拖动取值插件代码

    它利用JavaScript事件监听技术,捕捉用户的鼠标移动事件,通过计算鼠标位置与滑块初始位置的相对变化,动态调整滑块的位置,从而实现范围值的选取。这种设计使得用户可以通过直观的操作来设定数值,提高了界面的互动...

    jQuery鼠标滑动星星打分代码.zip

    3. JavaScript逻辑:jQuery代码负责监听鼠标事件,根据鼠标位置计算得分,并更新DOM元素的样式。此外,还可能包括分数的显示和存储功能。 三、主要功能特性 1. 半颗星支持:插件允许用户选择半颗星,提高了评分的...

    jquery实现的鼠标拖拽改变块坐标

    在`mousedown`事件处理函数中,我们需要记录初始鼠标位置和元素的初始位置,以便在`mousemove`事件中计算出新的坐标: ```javascript var initialMouseX = event.pageX; var initialMouseY = event.pageY; var ...

    jQuery鼠标上下层拖动排序代码.zip

    当用户按下鼠标并开始移动时,代码会捕捉到这些事件,并根据鼠标的移动改变li元素的位置,实现拖动效果。 拖动排序的关键在于计算元素的新位置。这涉及到获取鼠标的位置、当前元素的位置以及相邻元素的位置。在...

    jquery实现3D鼠标点击旋转切换位置图片自动切换位置图片.zip

    【标题】"jQuery实现3D鼠标点击旋转切换位置图片自动切换位置图片" 是一个基于JavaScript库jQuery的项目,旨在创建一种交互式的3D图像展示效果。这种效果允许用户通过鼠标点击来旋转展示的图片,同时图片会按照设定...

    jQuery根据鼠标移入移出方向判断滑动块滚动方向.zip

    通过这两个事件,我们可以捕捉到用户的鼠标行为,并结合鼠标的相对位置信息,判断出滑动块的滚动方向。 实现这一功能的步骤如下: 1. **HTML结构**:创建一个包含滑动块的容器元素,例如一个`div`,并为其添加必要...

    jQuery实现鼠标滚动页面数字增加动画特效源码.zip

    在网页开发中,通过监听鼠标的滚动事件,可以捕捉到用户滚动鼠标时的上下移动。jQuery提供了`$(window).scroll()`函数来监听这个事件。当用户滚动时,这个函数会被触发,我们可以在其中添加代码来处理数字的变化。 ...

    jQuery鼠标滑过超链接动画特效.zip

    当用户将鼠标悬停在超链接上时,我们可以利用jQuery捕捉这个事件,然后触发相应的动画效果。 接着,我们引入jQuery库。在HTML文件的头部,通过`&lt;script&gt;`标签添加jQuery的CDN链接,或者将jQuery库下载到本地并引用...

    jQuery实现鼠标跟随效果

    在这个示例中,jQuery用于捕捉鼠标事件,并动态显示或隐藏放大图片,以及更新放大图片的位置。 实现鼠标跟随效果的步骤可以概括为以下几点: 1. 定义HTML结构:创建一个包裹图片的`div`元素(`box`),每个图片也...

    jQuery鼠标悬停九宫格图片延伸效果.zip

    在本案例中,jQuery的事件监听功能被用来捕捉鼠标的悬停事件,从而触发图片的延伸效果。 接着,我们需要关注CSS样式和布局。九宫格的布局通常使用CSS的网格系统来实现,例如Flexbox或Grid Layout。这些布局模式可以...

    jquery计算鼠标和指定元素之间距离的方法

    然后,利用 jQuery 的 `mousemove` 事件监听器来捕捉鼠标移动事件。每当鼠标移动时,函数会触发,并且可以读取到鼠标的当前页面坐标(`pageX` 和 `pageY`)。接着调用 `calculateDistance` 函数,以鼠标当前坐标和...

    jquery和css3方向感知鼠标滑过图片遮罩效果

    同时,jQuery的`.mousemove()`方法可以用来捕捉鼠标的移动位置,感知鼠标的方向。 CSS3则是现代网页设计的关键技术,它扩展了CSS2.1的功能,引入了许多新的选择器、动画和转换。在“方向感知”遮罩效果中,CSS3的...

    jQuery图片放大镜插件鼠标悬停图片缩放代码.rar

    放大镜区域一般设置为绝对定位,初始状态隐藏,当鼠标移动时,根据鼠标位置显示放大区域内的部分。 4. **JavaScript事件**:通过jQuery的`mouseenter`和`mousemove`事件,我们可以捕捉到用户鼠标进入和移动的情况。...

    Jquery IU Draggable随着鼠标移动实现拖动.zip

    - 确保拖动元素具有明确的宽度和高度,否则可能无法正常捕捉鼠标点击。 - 拖动元素的CSS定位应为`position: relative`, `absolute`, 或 `fixed`,否则无法拖动。 - 当拖动元素嵌套在其他可拖动元素中时,可能需要...

    jquery 禁止鼠标右键并监听右键事件

    通过jQuery,我们同样可以捕捉到右键的“mousedown”事件。在“mousedown”事件中,参数`e.which`可以用来识别触发事件的鼠标按钮。鼠标左键通常对应数字1,中间键是数字2,右键则是数字3。根据这个特性,我们能够...

    jquery实现的鼠标拖动图片360°旋转动画展示效果.zip

    5. **坐标计算**:为了精确控制图片旋转,我们需要计算鼠标相对于图片的位置,并基于这些信息更新旋转角度。这通常涉及到鼠标的坐标捕捉和转换。 6. **响应式设计**:为了适应不同设备和屏幕尺寸,可能需要考虑响应...

    jquery个性人面部跟随鼠标转向相册代码下载.zip

    3. **事件监听**:jQuery的`mousemove`事件用于捕捉鼠标在页面上的移动。当鼠标移动时,触发函数会获取鼠标的当前位置,并计算出人脸应该转动的角度。 4. **坐标转换**:获取鼠标的页面坐标后,需要将其转换为相...

Global site tag (gtag.js) - Google Analytics