如上图所示，我点击div2，获取长度
$(".div2").click(function(){
var click_width = event.offsetX；
}）；
但它获取得到的是A-B的距离，我想获取A-C的距离，应该怎么弄？？
-
jquery获取鼠标点击div的位置0
2014年12月26日 10:13
添加评论
关注(0)2个答案 按时间排序 按投票排序
-
A-C的距离可以通过：A-B的距离+B-C的距离；
B-C的距离：$('#div2').position().left - $('#div1').position().left2015年6月04日 17:31
相关推荐
### JQuery获取鼠标坐标 #### 工作原理 JQuery简化了原生JavaScript的操作，提供了强大的选择器和事件处理机制。在获取鼠标坐标时，主要依赖于`mousemove`事件和`originalEvent`对象。当鼠标在元素上移动时，触发`...
鼠标在移入到td上面之后，在td的相对位置浮动出一个div，基于相对位置。 jQuery的mouseover操作div。 使用jQuery获取鼠标所在元素。
本教程将详细讲解如何利用jQuery实现一个滑动DIV的效果，适用于图片轮播或移动端应用的界面交互。 首先，我们需要在HTML文件中创建一个包含待滑动内容的容器。这个容器可以是DIV元素，里面包含多张图片或其它内容。...
《jQuery实现鼠标上下拖动div排序的技术解析》 在网页开发中，用户交互性是提升用户体验的关键因素之一。本文将详细解析"jQuery鼠标上下拖动div排序代码.zip"中的技术要点，帮助开发者理解和应用这一实用功能。 ...
在本文中，我们将深入探讨如何使用jQuery实现一个简单的鼠标拖动div层进行排序的功能。这个功能允许用户通过鼠标操作，自由地改变div容器内li元素的排列顺序，从而提供更直观和互动的用户体验。 首先，我们需要理解...
// 获取鼠标x坐标 var y = event.clientY; // 获取鼠标y坐标 // 将浮动层移动到鼠标位置 floatingLayer.css({ top: y + 'px', left: x + 'px' }); }); }); ``` 这段代码首先在页面加载完成后（`$...
标题中的“JQuery 随鼠标滚动条滚动的div”是指使用JQuery库来实现一个功能，即当用户滚动页面时，某个特定的div元素会跟随滚动条一起移动。这个功能在网页设计中常见于侧边栏菜单、广告条或者固定导航栏等，目的是...
要实现div跟随鼠标移动的功能，首先需要获取鼠标的位置。可以通过鼠标事件对象e的`pageX`和`pageY`属性获取当前鼠标指针的位置。此外，为了确定div应该从哪里开始跟随鼠标移动，我们还需要记录鼠标按下的那一刻div的...
这里，我们设置了几个关键的配置选项，例如`revert`使得拖动结束后元素回到原位置，`cursor`改变了鼠标指针的样式，以及`tolerance`决定了元素何时可以交换位置。 为了保存排序后的顺序，可以监听Sortable的`stop`...
现在，我们需要使用JavaScript（这里我们可以使用jQuery库，因为它简洁易懂）来监听"hover-div"的`mouseover`和`mouseout`事件，以便在鼠标进入和离开时显示和隐藏"info-div"。同时，我们还需要计算"info-div"的显示...
当`mousedown`事件触发时，创建一个新的透明`<div>`作为选择框，并将其定位到鼠标点击的位置。同时，设置其初始宽度和高度为0。 5. **更新选择框**： 在`mousemove`事件中，获取当前鼠标的位置，然后计算出选择框...
这里，我们使用`e.pageY`和`e.pageX`获取鼠标点击的位置，并将其设置为菜单的顶部和左侧距离，使得菜单出现在鼠标点击处。 为了响应菜单项的点击，你需要为每个`<li>`元素添加点击事件监听器，并执行相应的功能。...
qTip支持多种触发方式，包括鼠标悬停（hover）和点击（click），并且能够进行异步加载，非常适合在页面元素上显示延迟加载的内容，如在鼠标滑过图片时加载Ajax获取的详细信息，如同新浪微波的交互设计。 要使用qTip...
本教程将详细讲解如何利用jQuery实现一个div元素的拖动排序效果，结合CSS样式，创建出一款从左到右慢慢展开且可自由拖动排序的特效。 首先，我们需要在HTML中设置好基础结构。创建一系列的div元素，每个div代表一个...
在给定的标题“jquery拖拽排序插件div自由拖动排序代码”中，我们主要讨论的是如何利用jQuery实现一个功能，让用户能够自由地通过拖放操作来对页面上的div元素进行排序。这种功能在许多应用场景中都非常实用，比如...
为了让菜单在鼠标右键点击的位置出现，我们需要获取事件对象的`pageX`和`pageY`属性，它们分别代表鼠标点击时的水平和垂直坐标。然后，我们可以将这些坐标作为参数，动态定位菜单元素： ```javascript var menu = $...
2. **获取鼠标位置**：在`mousemove`事件处理函数中，可以使用`event.clientX`和`event.clientY`来获取鼠标的X、Y坐标。 3. **动态定位div**：利用CSS的`position`属性（如`absolute`或`fixed`），结合JavaScript...
"基于jQuery的鼠标移到问号上出现提示框的demo"是一个常见的交互元素，常用于提供表单项的附加信息或帮助用户理解复杂的输入要求。这个功能利用了jQuery库的强大功能，使得在网页上实现这种交互效果变得简单高效。 ...
在JavaScript和jQuery中，...### jQuery 获取鼠标坐标 jQuery提供了一个更简洁的方式来处理事件，同时获取坐标值。以下是如何在jQuery中实现相同功能的代码： ```html <!DOCTYPE html> <title>jQuery 获取鼠标坐标 ...
"jQuery鼠标悬停焦点图放大效果"是一种常见的增强用户视觉体验的技术，它使得用户在将鼠标光标移动到图片上时，图片会自动放大，突出显示细节，移开鼠标后则恢复原状。这种效果广泛应用于产品展示、图像画廊等场景，...