如何在jquery中使用鼠标位置移动溢出元素
在jQuery中，可以使用mousemove事件和offset()方法来实现鼠标位置移动溢出元素的效果。
首先，给需要移动溢出的元素添加一个容器，这个容器的宽度和高度需要设置为元素的实际显示宽度和高度，用来限制元素的移动范围。然后，监听鼠标移动事件，获取鼠标相对于容器的位置，并将元素的位置设置为鼠标的位置减去容器的左上角相对于页面的偏移量。
下面是实现这个效果的代码示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Mouse Move Overflow</title>
<style>
.container {
width: 300px;
height: 200px;
overflow: hidden;
border: 1px solid #ccc;
}
.element {
width: 100px;
height: 100px;
background-color: #f00;
position: absolute;
}
</style>
</head>
<body>
<div class="container">
<div class="element"></div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
var $container = $('.container');
var $element = $('.element');
$container.mousemove(function(event) {
var containerOffset = $container.offset();
var mouseX = event.pageX - containerOffset.left;
var mouseY = event.pageY - containerOffset.top;
$element.css({
left: mouseX,
top: mouseY
});
});
});
</script>
</body>
</html>在上述示例中，.container是元素的容器，.element是需要移动的元素。通过CSS设置了容器的宽度、高度和溢出隐藏，元素的宽度、高度和背景颜色。在JavaScript代码中，通过.offset()方法获取容器的左上角相对于页面的偏移量，然后通过计算鼠标相对于容器的位置，将元素的位置设置为鼠标的位置减去容器的偏移量。
需要注意的是，上述代码仅实现了基本的鼠标位置移动溢出元素效果，如果需要处理边界情况、元素大小变化、元素自适应等问题，可能需要根据具体的需求进行调整和优化。
推荐的腾讯云相关产品：
- 云服务器（CVM）：提供灵活可扩展的计算资源，可满足各种规模应用的需求。产品介绍
- 云数据库MySQL版（CDB）：高性能、高可用的云数据库服务，适用于各种在线应用场景。产品介绍
- 腾讯云对象存储（COS）：安全可靠的大规模分布式存储服务，可用于存储和管理各类非结构化数据。产品介绍
- 云函数（SCF）：无服务器云函数服务，帮助开发者更快地部署和运行代码。产品介绍
- 腾讯云安全组（SG）：提供网络安全隔离和访问控制，保护云服务器的网络安全。产品介绍
请注意，以上产品仅为示例，实际选择产品时应根据具体需求进行评估和选择。
相关·内容
由于滚动(即滚动的结果)，当鼠标输入元素时，jQuery的鼠标似乎不会触发。
假设鼠标指针当前不在元素中。然后使用滚动轮滚动，结果鼠标指针(根本没有移动)在元素中。jQuery不会触发鼠标中心回调。在这种情况下，我怎样才能让鼠标回拨器启动呢？
有关示例，请参见。我的想法是当用户鼠标完成交易时，更新左边的地图。但是，如果用户使用滚动轮滚动，那么地图就不会更新(除非用户轻轻推一下鼠标)。
编辑:我在Chrome 15.0.874.121米和Windows 7中经历了这个问题。
浏览 2提问于2011-11-21得票数 3
回答已采纳
1回答
如何使用鼠标位置移动溢出的元素？我有一个div元素，宽度是500px。在那个500px的div中还有另一个div元素，它的宽度是700px。现在我想让第二个div随着鼠标的移动改变位置。 当鼠标定位在主要div元素的左侧时，第二个div元素应该显示在左侧。 当鼠标定位在主div元素的中心时，第二个div元素应该显示在中心。 当鼠标定位在主要div元素的右侧时，第二个div元素应该显示在右侧。 请看这张照片： ? .main-wrap {
height: 200px;
width: 300px;
background-color: red;
overflow: hidden
浏览 16提问于2019-06-01得票数 1
回答已采纳
2回答
我想把div拖放到容器-div中。只有上下列表，使用鼠标。我怎么能创造这个呢？
搜索互联网和堆叠溢出没有给我一个好的答案，因为我想要它在香草Javascript和现在的一切都在jQuery。:S
这是我所拥有的：
<div class="chapcontainer" data-chaporder="1000">
<div class="chapter">Big fire</div>
<div class="subchapter" data-chapid="1"
浏览 0提问于2019-05-17得票数 0
回答已采纳
在将鼠标悬停在每个堆栈溢出标记上时，会在其下方显示一个信息框。只要鼠标在标记或信息框上，它就会继续可见。将鼠标移出标签或信息框会导致信息框消失。
如何使用JQuery或JS实现这一点？请解释从服务器检索标签信息的过程。
更新：
重要的是很难相信这是一个工具提示。因为当标记从其表面丢失鼠标指针时，工具提示通常会消失。但对于Stack Overflow工具提示，即使鼠标移动到信息区域，它们也会保持不变。这就是为什么我提出这个问题来澄清这一点。这种类型的定制是如何完成的？
浏览 2提问于2011-04-01得票数 0
回答已采纳
3回答
我想要一个div移动，当鼠标在x距离内。
$(document).mousemove(function(e) {
mX = e.pageX;
mY = e.pageY;
distance = calculateDistance(element, mX, mY);
if (distance<100) {
$(element).css("left", moveAcc + "px");
moveAcc = moveAcc + 1;
浏览 5提问于2015-05-25得票数 1
回答已采纳
1回答
正如标题所描述的，当我移动鼠标时，鼠标的移动速度要快于div，而我期望div在移动时保持在鼠标光标下面。我使用的是jQuery UI 1.12.1和jQuery 3.3.1。我在函数中使用了默认选项。
<div class="popup"></div>
jQuery
$(function()
{
$(".popup").draggable();
});
知道为什么会发生这种事吗？
浏览 0提问于2018-08-02得票数 1
1回答
SVG路径命中测试
、、、、
我在检测SVG路径元素上的鼠标悬停事件时遇到问题。似乎path元素的strokeWidth越小，我检测鼠标悬停的成功率就越低。
另外，我使用jquery-svg插件来完成绘图。
下面是在path元素上尝试使用jquery mouseover事件进行检测的过程。
下面是通过将鼠标移动侦听器附加到svg，然后使用document.getElementFromPoint进行检测的尝试。
这两种方法似乎都不可靠，尤其是在鼠标移动速度很快的情况下。有没有可能让它们中的任何一个更灵敏，以更好地检测鼠标悬停？或者是一种更好的方式呢？
浏览 2提问于2012-08-31得票数 2
回答已采纳
直接使用jQuery：
如果我有一个固定的盒子(例如，一个彩色的矩形)，并且我将鼠标移进或移出它，如果我以一种或另一种方式将鼠标光标移动到盒子的边界上，jQuery就会给出一些事件。
如果我有一个正在以编程方式移动的彩色矩形，请向右移动，然后将鼠标放在框的右侧等待，该框将移动到鼠标光标下并移动到它旁边，但不会生成任何鼠标事件(或者至少是我所知道的鼠标事件)。
如果有的话，有什么方法在语义上与“静止的物体，移动的鼠标光标”相媲美，当物体移动而鼠标光标静止的时候呢？
浏览 8提问于2016-02-14得票数 7
回答已采纳
当使用下面的代码行加载页面时，我将焦点设置在某个输入字段上：
$('#myInputID').focus();
当鼠标悬停在某个元素上时，有没有方法可以撤消或移除这个焦点？(离开此元素后，不必重置焦点。)
我在jQuery中找不到与上面相反的函数，或者在这里可以工作。
浏览 93提问于2014-09-24得票数 145
回答已采纳
1回答
有一个System.Windows.Forms.Cursor.Position属性，您可以使用它来移动鼠标，但是不能在不使用.NET框架的UWP应用程序中使用它。
在UWP应用程序中，有这样的东西可以用来移动鼠标吗？
浏览 6提问于2016-04-20得票数 2
我想根据鼠标移动的距离来移动我的可拖动对象的一定比例。
例如，如果比例为1:2，鼠标向右移动10px，则可拖动对象将移动20px。
我将我的可拖动设置为在DIV中水平滚动并捕捉到网格。
这是不是在文档中，不知何故，我错过了？我如何才能做到这一点？
浏览 2提问于2012-01-30得票数 1
回答已采纳
1回答
我有一个包含200px的容器，它本身有一个带有400px height的容器，还有一个跟踪鼠标对象，它在mousemove事件上与它一起移动。
当我在不溢出部分移动鼠标时，一切正常，但当我向下移动滚动时，不要再跟踪鼠标。
$(document).mousemove(function(e) {
$("#image").css({
left: e.pageX,
top: e.pageY
});
});
#image {
position: absolute;
}
.container {
height: 200px;
overflow: a
浏览 0提问于2018-09-28得票数 1
回答已采纳
1回答
我有一个div，我在上面监听使用jQuery手机的滑动事件。
我想知道如何让div跟随并用手指移动，从开始滑动到滑动结束。
几乎只有当滑动发生时才会被拖走。
虽然我不喜欢使用jQuery UI。
我怎样才能以最好的方式正确地做到这一点呢？
我这样做的方法是鼠标向下，将div的偏移量设置为鼠标的x位置。但这会激发每个像素，而且看起来效率很低。而且，它发生在鼠标向下，而不是在滑动。
下面是侦听滑动的代码，在本例中，向右滑动：
$('#main').on('swiperight', '.dataCard', function(event){
e
浏览 0提问于2013-08-16得票数 1
我和一起工作。它运行良好，但我现在需要添加自动滚动。也就是说，在拖动时，当鼠标位于窗口的顶部或底部时，我希望滚动浏览器窗口。
我有很多在C和C++中做这种事情的经验。我会设置一个标志来表示正在进行的拖动操作。在鼠标移动消息处理程序中，我会设置一个定时器。在定时器的处理程序中，我会按适当的方向滚动窗口。当鼠标离开“触发”区域时，我会关闭计时器。我会使用计时器，这样即使鼠标不动，滚动也是正常的。
有人能给我一些建议吗?我如何开始使用jQuery和可拖放的小部件？有鼠标移动处理程序吗？我能告诉你鼠标是在窗口的顶部还是底部吗？我可以滚动浏览器窗口吗？那计时器的问题呢？一个想法是显示一些“触发器”区域的
浏览 0提问于2013-01-10得票数 2
回答已采纳
1回答
我遇到了一个奇怪的问题。
如果鼠标被移动，鼠标/鼠标保存事件就会正确启动，这不是什么大不了的事情。但是，在某些浏览器中，当游标本身保持静态，但是元素被动画()移开时，它会出错。
所以想象一下这样的代码：
jQuery('somelement').bind(
{
mouseenter: function(e) {
log.debug("enter");
$(this).animate({left: 9999}, 2000);
},
mouseleave: function() {
log.debug("lea
浏览 1提问于2010-02-11得票数 3
是否有可能在页面加载后使用JavaScript获得鼠标位置，而不发生任何鼠标移动事件(无需移动鼠标)？
浏览 7提问于2010-04-08得票数 325
回答已采纳
3回答
请您看看，让我知道如何在鼠标向左或向右移动时才能更改.css()规则的background-position-x事件的使用吗？现在发生的事情是，只要鼠标进入CSS，jquery就运行CSS规则，但我只想在鼠标移动时才这样做。
jQuery('.homeSlider').mousemove(function(move){
var moveMouse = (move.pageX * -1 / 3);
jQuery('.homeSlider .slide').css({
'background-position-x':
浏览 5提问于2016-01-03得票数 1
回答已采纳
2回答
嗨，我正在寻找一种方法，这样如果我的鼠标移动到屏幕的最左边或最右边，一个动作就会被执行，有没有办法用html，css，jquery等来做到这一点？就像我试图让我的导航栏在我的鼠标到达屏幕左端时显示出来。任何帮助都将不胜感激
浏览 0提问于2013-08-16得票数 1
每当用户将鼠标悬停在A上时，我都会在元素A中动态创建一个框，然后用鼠标移动框B。只有当用户将鼠标悬停在A上时，B才会出现(即在鼠标左键移动时将其移除)。
不幸的是，如果我在B中动态创建元素，当鼠标移到这些元素上时，会再次调用hover事件(创建一个新的B)。当我在鼠标移动时动态创建B的子项时，似乎会发生这个问题。起初，我认为这与冒泡有关，需要委托，但现在我觉得这与我正在清空框并再次填充它(从而导致再次触发hover事件)有关。
这个例子说明了我遇到的问题：
function positionBox(element, position) {
element.css({
浏览 2提问于2015-07-22得票数 1
好的，我正在尝试在jQuery中创建一个事件来检测鼠标何时向上移动。我使用的是e.pageY事件。所以在这种情况下，我希望事件在鼠标的Y位置小于2时发生，我已经成功做到了这一点。下面是代码。
$(document).mousemove(function(e){
if (e.pageY <= 2){
$('#mystuff').show();
});
});
现在的问题是，当我打开页面并向下移动鼠标时，由于鼠标经过的位置小于2，所以显示#mystuff。
我只想在鼠标向上移动而不是向下移动的时候显示#mystuff。
我希望你明白这
浏览 1提问于2012-04-27得票数 0
回答已采纳
当鼠标移到列表元素上时，我想在列表元素中显示溢出区域。
正常情况下，元素的高度设置为200px，并且有一个溢出区(不显示)。
$('#extra_product ul li').live('mouseenter',function(){
var t = $(this);
var sHeight = t.height();
t.css({"height":"auto","z-index":"999"});
var eHeight = t.height();
t.
浏览 0提问于2011-09-26得票数 0
回答已采纳
不可能是jQuery。
如何用JavaScript?禁用/停止鼠标移动
该做什么:如果鼠标被移动到，比方说，position left < 300，禁用ouse运动，以防止进一步向这个方向移动。
这有可能吗？
浏览 6提问于2012-11-16得票数 5
回答已采纳
在拖动一些html元素后，我需要它来复制自身，更改某些内容，使jQuery UI可拖放，并与鼠标光标一起移动，直到jQuery释放鼠标为止。
到目前为止，我成功地克隆、修改并执行了可拖动的操作(请参阅)，无论我做什么，我都无法使它移动。
我们很感激你的帮助。
浏览 0提问于2013-10-29得票数 0
回答已采纳
2回答
Jquery悬停和动画
、、、
我有一个div，当你将鼠标悬停在上面时，它会显示不同的浏览器，如果它们被支持，就用css完成。然而，我也想让它们在jquery中有动画效果，我已经在工作了。
但是，如果将鼠标快速移动到悬停区域上，然后将鼠标悬停在该区域上，则不会重新触发该动画。您必须将鼠标移动到相当远的地方，然后将鼠标悬停在它上面。我发现重现这个问题的最好方法是把你的鼠标放在它上面，快速地在它上面悬停几次。
我怀疑原因是jquery仍然认为鼠标结束了，即使css隐藏了它并说它没有结束。我也认为必须将鼠标移动到很远的地方是与时间相关的，而不是距离，但还是不确定。我还尝试过.mouseover()、.hover()和.mouse
浏览 2提问于2012-06-17得票数 1
回答已采纳
1回答
只是为了练习而使用jQuery/CSS响应菜单，我遇到了一个问题，如果不从根本上改变菜单的工作方式，我根本不知道如何解决这个问题。
基本上，如果你看一下，你就会明白它是如何工作的。如果你把浏览器窗口缩小到800px以下，它就会进入一个滑出式菜单。这都是固定的位置，所以当你向下滚动内容时，页面顶部仍然可见。
我遇到的问题是浏览器窗口很小(比如在手机上)。当您轻触主菜单项(或桌面上的鼠标悬停)之一(如“信息”)时，屏幕底部会列出许多子菜单选项，并且，当您滚动页面时，菜单后面的内容会滚动，而不是菜单本身。
显然，这个问题的解决方案是，当菜单打开时，它应该获得滚动优先级，而当菜单关闭时，页面内容应该获
浏览 0提问于2014-05-19得票数 0
我正在写一个jquery web应用程序，基本上打开一个div“窗口”的基础上，您与鼠标点击。您可以明显地想象，如果鼠标过多地位于视口的右侧或底部，则打开的DIV的一部分将不可见。
有没有办法，也许是在draggable UI中，让新显示的jQuery在中向正确的方向移动一点(可能是在使用draggable()的时候)？如果没有，我将不得不编写我自己的函数。
提前感谢
浏览 0提问于2012-10-09得票数 0
回答已采纳
2回答
如何在浏览器窗口中移动鼠标？
、、、、
我想在我的站点浏览器窗口中移动鼠标，就像这样: www.lmsify.com。我该怎么做呢？(javascript、flash、activex)
致敬，LisaM
浏览 3提问于2011-02-09得票数 0
回答已采纳
没有jquery
基本上，我要寻找的是，当倒计时结束时，鼠标是否超过了div的能力。
如果用户已超过div，则对该div执行操作。
只有当鼠标跨过div的阈值时，onmouseover才会触发，如果鼠标没有移动，它就不会触发，所以不能工作。
我需要确定鼠标当前是否在特定的时间点超过div，是否从起始点移动。
我所有的狩猎活动都只找到了onmousover，没有什么东西可以看鼠标是否刚好在那里。
我没有javascript技巧来确定div的整体和弦，然后映射鼠标和弦，看看它是否适合.这就是我认为我需要做的
浏览 11提问于2013-08-19得票数 15
回答已采纳
jQuery(".my_container").hover(function(){
//do code
}, function(){
//do code
});
.my_container { width: 100px; height: 100px; margin: 50px; }
上面的代码不会对边距的鼠标移动做出反应(边距不是元素的一部分？)--我该怎么改变呢？
浏览 0提问于2012-07-03得票数 8
回答已采纳
我正在尝试用jQuery创建一个类似于工具提示的效果。
我重用了相同的<div>元素(id="tooltip")来显示工具提示。因此，每次用户将光标移动到应该显示工具提示的元素上时，我都需要不断地移动这个<div>元素。当我使用offset()属性时，它在第一次运行良好，但是如果我重复地将鼠标从一个图标移动到另一个图标，工具提示开始跳到不同的位置。
你可以在这里尝试一下：
尝试重复地将鼠标从一个图标移动到另一个图标，您会注意到工具提示不正确地跳转。它应该始终显示在悬停在其上的图标的右侧。
浏览 4提问于2012-01-12得票数 1
回答已采纳
1回答
是否可以使用jquery进行自动拖动(白化鼠标拖动)？
我在想：
使用php从db加载元素。
使用jquery查找元素并将其移动到存储在db中的位置。
JS
$(document).ready(function){
$('#element').draggable({
automatic move to position:
top: 22
left: 22
});
否则，我应该如何加载存储的元素位置？
我将元素从一个div拖到另一个div。
浏览 0提问于2015-09-24得票数 0
回答已采纳
1回答
我在MATLAB中工作，我想从屏幕上的任何地方得到光标的位置。
当鼠标移动时，我想要连续地得到光标的位置。但是，我发现MATLAB可以在鼠标移动时获得鼠标的位置，而鼠标只能在GUI.中移动。
如何在MATLAB的GUI中实现相同的功能？
浏览 2提问于2015-01-07得票数 4
回答已采纳
3回答
我有一张满是数据的桌子，数据往往比屏幕还大。
我将表放在DIV中，并将CSS中的“溢出”设置为"auto“。
div.scrolling-comps {
width : 970px;
height : 800px;
overflow : auto;
}
因此，DIV可以向上/向下滚动，左转使用浏览器内置的滚动条。
问题是，这张桌子可以比屏幕大。当鼠标轮向上/向下滚动时，左右滚动是一种痛苦。
因此，寻找javascript/jquery或CSS的方式来自然滚动div 。
换句话说，当查看huuuge表的人将鼠标移动到右侧时，DIV就会向左移动(因此不用滚动条就可以
浏览 5提问于2018-02-26得票数 0
回答已采纳
1回答
我想在页面上的某个地方添加按钮，以便在没有鼠标拖动的情况下操纵JQuery可拖动元素，即以编程方式。换句话说，我想根据用户点击的按钮向上或向下、向左或向右移动(或平移)容器中的可拖动元素。我该怎么做呢？我似乎在文档中找不到这个选项。我是不是简单地操纵CSS的左/上来实现它，并确保我不会走出容器？
$(".drag-view").draggable({drag:function(event, ui){containment:a /*...*/}});
浏览 1提问于2012-04-10得票数 1
回答已采纳
2回答
我已经看到了一些类似的问题，但答案似乎围绕着移动菜单和常规菜单之间的二进制切换，其中一些JS用于在任何菜单项溢出时隐藏常规菜单(并显示移动菜单)。
我想要做的是从常规菜单中删除单个LI元素，并根据需要将它们移动到溢出菜单中，
我试着说明一下；
初始菜单状态；
Home | About | Products | Services | Stuff | Contact
内部状态(窗口已调整大小，“联系人”已移动到溢出区域，“.”溢出菜单，它将包含所有隐藏项。。
Home | About | Products | Services | Stuff | ...
窗口已经缩小得更小了，现在只有前两个菜单项
浏览 0提问于2015-01-09得票数 1
回答已采纳
2回答
如何使用jquery创建移动句柄
、、、、
这更多的是理论类型的问题。
在我的web应用程序中，我想创建一个用户可以点击的按钮，从而启动一个移动模式，在此期间(直到鼠标释放)所有的鼠标移动都会被转换到某个DIV上。
为了更好地理解我的意思，想一想在其中显示图像一部分的框(box is overflow:hidden) -我想让在框中移动图像成为可能，但不是通过直接拖动图像，而是通过拖动手柄(拖动时不会移动的手柄)
在最佳情况下，当拖动操作处于打开状态时，鼠标光标将隐藏。
我的基本想法是使用draggable，但我不知道如何使它可访问，但又不可见。
我如何使用javascript/jQuery来实现这一点呢？
浏览 2提问于2012-09-10得票数 1
回答已采纳
1回答
我正在创建自己的缩放功能。我将图像交换为x2大小的图像，该图像应该是可以在单击时移动的。不过，这次运动给我带来了麻烦。我在网上拼凑了一些代码。它起作用了，但不只是左右移动。我希望它与鼠标一起移动，图像以鼠标为中心，并约束于包围它的元素的尺寸。有人有想法吗？链接：
jQuery("div.zoom2 img.rsImg2").mousemove(function(e) {
var zoom = jQuery(this);
var position = zoom.position();
//console.log(posit
浏览 4提问于2013-12-16得票数 1
回答已采纳
Facebook刚刚更新了聊天(再次)，现在一个新的固定侧边栏停留在屏幕的左侧。当其内容溢出时，将出现滚动条，但仅当使用鼠标滚轮滚动或鼠标移动到滚动条上(或附近)时才会出现。如果鼠标不在它上面，它就会淡出。它对于窗口对象(比如聊天本身)非常有用。那么它是如何工作的呢？
PS我正在寻找一个纯粹的html5/css/javascript解决方案(没有jquery或类似的)，没有浏览器支持的必要，应该在最新的chrome和没有更多，因为我只为chrome做一个应用程序。
浏览 2提问于2011-08-20得票数 43
回答已采纳
当鼠标移动时，我想检测鼠标在夹具div中的位置。但是，当我将mose移动到holder div中的SVG元素上时，它将采用this元素的相对位置，而不是holder div。有谁知道我怎么才能防止这种情况发生？下面是我使用的代码：
var R = Raphael("holder", canw, canh);
$('#holder').mousemove(function (event){
if(mousemove){
position = getPosition(event);
console.log(position.x+&#
浏览 0提问于2012-05-23得票数 0
回答已采纳
我使用的是jQuery UI Portlet
在其中一个容器中，我创建了一个表单。
现在，虽然portlets可以到处移动，一切都很好，但我遇到了一个表单问题。
我不能用鼠标点击表单字段(输入框)。我可以用tab键通过键盘输入数据，但不能用鼠标点击。
这是一个已知的问题吗？
浏览 3提问于2013-03-09得票数 1
问题
我想要能够触摸我的屏幕和拖动我的手指在表面和选择多个框。我想用我的鼠标做同样的事情，在那里我按住鼠标，把它拖过我想要选择的任何东西。正因为如此，我想在JQuery/JQuery这样的东西中实现它，这样我就可以开箱即用了吗？
代码
是我迄今为止所做工作的工作样本。
生成一个表，并能够按颜色选择特定元素(而忽略另一个元素)
能够按行或栏进行选择。也可以取消选择。
能够选择整个表或取消选择(按颜色)。
尝试
我尝试使用JQuery UI。具体来说，是，但它破坏了我现有的代码，而且是错误的。我还看了一下我在这里发现的东西，但它完全依赖于使用shift和control的桌面方法
浏览 2提问于2015-04-22得票数 0
回答已采纳
我已经将jQuery悬停绑定到页面上的许多元素上，当我快速移动鼠标时，hove不会捕捉到所有应该触发的事件。这个“特性”有什么变通方法吗？
浏览 0提问于2010-01-15得票数 3
回答已采纳
5回答
当网页加载时，我想要检测鼠标是否在元素上。这在jQuery中似乎是不可能的-鼠标悬停等需要鼠标移动；获取当前鼠标位置(与元素边界进行比较)也是如此。
我没有看到这个具体的问题被问到，但看到人们说这是不可能的……
浏览 0提问于2011-07-06得票数 5
回答已采纳
我有一个包含几个转换元素的应用程序。这些相同的元素对mouseenter和mouseleave事件做出反应。这些事件在转换期间被停用，以避免用户与传输中的元素交互。
当这些元素中的一个元素再次被激活时，问题就出现在鼠标下面。一旦移动的元素不再移动，它们应该再次注册鼠标在它们上面悬停。但由于鼠标输入是在元素被停用时发生的，因此一旦元素再次激活，事件就不会被激发。
如果您随后将鼠标从元素上移开，然后再次打开，它将正常工作。这显然对用户不是很友好。
有没有一种方法可以在不移动鼠标的情况下注册鼠标悬停在元素上？
关于上面讨论的元素的更多信息:所讨论的元素是包含大量内容的大型div。它们实际上是我在应用
浏览 1提问于2012-08-21得票数 3
回答已采纳
我需要在javascript中实现鼠标抵抗。
作为我的意思的一个例子，想一想Enligthenment窗口管理器如何处理屏幕边缘阻力以在不同的桌面之间切换，或者如果你不熟悉的话：
想象一个大的矩形，里面有一个正方形。当鼠标在正方形内单击并向下移动时，鼠标会让自己移动到正方形的边界，然后进行一些抵抗，直到达到阈值，然后在较大的矩形内移动。
理想情况下，鼠标光标应该停留在正方形内，直到未达到该阈值，并且只有在达到该阈值时才离开该区域。
有什么想法或例子吗？跨浏览器解决方案也非常受欢迎。(下到ie7，就是)谢谢！
浏览 1提问于2010-09-01得票数 3
回答已采纳
2回答
我正在尝试使用jquery来使用动画。当我将鼠标移到元素上时，它会增加高度，当鼠标移出时，会返回到原来的高度。
问题是当我将鼠标从一个元素移动到另一个元素时，前一个元素的动画仍然在运行。如何停止前一个元素的动画？
小提琴代码：
浏览 0提问于2012-01-28得票数 0
回答已采纳
1回答
下面是我的HTML & JQuery代码：
HTML我有：
<div class="announcement">
<img id="imgBanner" style="cursor: pointer;" onmouseover="showPopup();" />
</div>
<div id="divArrow" class="arrow">
<img id="imgExpandContract" styl
浏览 4提问于2010-02-12得票数 1
2回答
如果我在页面顶部的堆栈溢出中在尼克上按下鼠标，显示了* activity *特权*注销等新菜单，那么我怎么做呢？我做了件事：
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<style type="text/css">
#ONE {
background-color: #888;
width: 500px;
浏览 6提问于2011-06-21得票数 0
回答已采纳
是否有任何方式检索当前鼠标移动处理程序的选择在jQuery中？
按照标准的jQuery，通常的方法是简单地调用$('selector').mousemove()，但是我看到对于这些事件，它模拟事件而不是返回处理程序。
这个是可能的吗？
浏览 4提问于2014-07-23得票数 3
回答已采纳
我使用jQuery通过jQuery切换方法切换<div>的可见性。在mouseenter和mouseleave事件上触发切换，从而创建div的效果，以便在mouseenter上折叠和在mouseleave上折叠。问题是，如果用户在<div>上拖动鼠标几次，然后离开<div>，那么div就会多次切换。如果用户在<div>中意外地移动了鼠标指针，就会发生这种情况。有没有人知道如何避免这种行为？
谢谢！
浏览 0提问于2010-04-09得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
