问题标签 [mouseover]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - 使用鼠标悬停事件滚动
我正在使用 jScrollPane 滚动一个 div。当前默认是单击向上和向下箭头来滚动窗格。但是,我想改用鼠标悬停。我已经查看了代码,但如何做到这一点并不完全清楚。
有没有人这样做过?想法?
http://www.kelvinluck.com/assets/jquery/jScrollPane/scripts/jScrollPane.js
jquery - jquery mouseover / mouseout 问题
我有一个页面,其中包含元素显示(项目)列表-它们是动态绘制的,因此是live . 当用户滚动项目时,我希望他们切换到“打开”的类,然后当他们滚下(鼠标移出)时,项目恢复正常。这些项目使用下面的代码行打开,但不要关闭。建议?
谢谢!
jquery - 如何在鼠标悬停超过 1 秒后使用 jQuery QTip 显示某些内容
我想在鼠标悬停超过 1 秒后在链接上显示 QTIP ( http://craigsworks.com/projects/qtip/ )。这怎么可能?
如果我将鼠标悬停在元素上少于 1 秒,则不会发生任何事情。我试过下面的代码,但是我的浏览器崩溃了:
jquery - jQuery仅在鼠标停留在元素上时才激活鼠标悬停功能
.mouseover
只有当鼠标在“触发器”元素上放置预定的持续时间(例如 500 毫秒)时,我才想激活一个功能。
例如
只有当鼠标位于 .featured 元素上至少 500 毫秒时,该函数才能启动并且 .feat-txt 可以淡出。一个简单的鼠标悬停在该元素上(只是快速移动)不会激活该功能。
关于如何做到这一点的任何建议?
jquery - jQuery翻转混乱
试图让我的翻转更改 src 翻转。这工作正常,虽然有一个错误。单击缩略图后,src 有时可能包含错误的 src(即使鼠标悬停,鼠标悬停状态仍保持不变)。. 要查找错误,请单击一些缩略图并将鼠标悬停在一些缩略图上,您应该会看到已单击的鼠标悬停 src 仍然存在。演示不再可用,对不起!
jQuery -
的HTML:
该 HTML 在整个页面中重复多次。翻转状态为 NL1r.jpg、NL2r.jpg 等。图像组织在文件夹中,因此所有图像文件名使用相同的命名约定。
java - Java中的鼠标悬停在颜色上
我需要为一个项目用 Java 制作游戏。
我想做的是一个游戏,你必须在不接触墙壁的情况下穿过迷宫。
有没有办法获得鼠标所在像素的颜色?
javascript - 将鼠标悬停在(并离开)元素(或其子元素)上时运行动作
想象一下,我有以下元素:
内部元素的定位意味着它可以在视觉上位于其父级之外,我在父级上放置了一个事件侦听器,如下所示:
如果我从底部直接将鼠标悬停在父级上,我会得到一个直接事件,但是由于事件路由,如果我从侧面鼠标悬停(首先击中子级),我也会收到来自子级的事件,因为它会冒泡.
如果我一直向左走,直到我离开子元素并进入父空间,我将得到一个直接事件,如果我再次向右走,我将从子元素得到另一个冒泡事件。
这是设计使然,设计绝对没问题——如果我想在鼠标悬停在我身上(包括我的子项目)时执行 SINGLE 动作,我需要做一些额外的工作来阻止我不感兴趣的事件。 . 例如,这将起作用:
本质上,代码有一个状态变量来确定鼠标是否“超过”父级(通过其子级或不通过其子级),以及事件是否在“超过”时再次触发,这些事件被忽略..我们还捕获鼠标退出事件并问它..是relatedTarget(你要进入的目标)我吗?(父母),还是我最终的孩子?如果是这样,那么不要做任何事情.. 否则将“过度”状态设置为 false。
所以该代码实际上是有效的,但想象一下我不能使用relatedTarget 属性来确定下一个目标,你将如何做这种行为?
我希望这是有道理的,我觉得事件中没有足够的上下文可以在没有 relatedTarget 的情况下执行此操作,但我觉得很可能有一个角度来改变 eventPhase 属性上的行为(以确定事件是直接的还是冒泡的)。
此外,我不是在寻找“这在 IE 中不起作用,yadda yadda”的答案。我现在只针对 w3c 事件规范浏览器工作。
编辑,只是为了澄清,我希望事件发生,就好像我有一个看起来像这样的单个元素(如果元素实际上是上面的例子):
javascript - 在 Rails 中预加载鼠标悬停图像
我目前在rails中实现了一个翻转按钮,如下所示:
如何预加载/缓存鼠标悬停图像 (home_over.gif),以便用户将鼠标移到图像上时不会出现延迟?谢谢。
jquery - Jquery mouseover/mouseout 触发不一致
我有两个可排序列表,一个是嵌套的,鼠标悬停在嵌套可排序列表的 li 元素上。我的问题是当用户在子元素上的列表中快速移动鼠标时,mouseover 和 mouseout 函数被不一致地调用。
这是正在发生的事情的示例,您必须将一个窗格拖到列表中,然后将 3-4 个文本框项目拖到窗格中才能看到问题。您可以看到右上角的 2 个数字正在跟踪鼠标的进出。请注意,到目前为止,我只在 Firefox 中测试了我的网站。
我的jQuery代码:
以下是 mouseover 和 mouseout 函数:
p>第一个可排序的列表:
update: function(ev, ui){ if (!ui.item.is('.noChange')){ addNewPane(ui.item); } }, start: function(event, ui){ if (ui.item.is('.noChange')){ $("#left-form-space").css({'height' : height}); $("#left-form-space").animate({height: "75px"}, 600, function(){ $("#left-form-space").css({'height' : 'auto'}); }); } }, stop: function(event, ui){ $item = ui.item; if ($item.is('.noChange')){ $item.css({'height' : '0px'}); $item.animate({height: "150px"}, 600, function(){ $item.css({'height' : 'auto'}); }); } }, placeholder: '.placeholder-highlight', cursor: 'move', revert: true });
我添加嵌套可排序列表的功能:
};
感谢您的任何帮助。
wpf - MouseOver 事件交替丢失
我正在使用修改后的树视图形式,对于树视图项,有一个模板可以在弹出窗口中显示一个带有完成按钮的文本框。我使用了一个静态类来查找其他任何树视图项上的 mouseOver (IInputElement currentPosition = Mouse.DirectlyOver;) 事件是否突出显示它们,而不是弹出文本框中的。项目被动态添加到此树视图。我在这里使用 MVVM 模型。
问题是当第一个项目被添加并在 Popup textbox 中时,整个应用程序的鼠标悬停以某种方式被关闭,这不是必需的。但是在添加第二个项目并将其留在弹出文本框中时,鼠标悬停已打开,即当鼠标悬停时树视图项会突出显示。这种情况交替发生......
什么是捕获此鼠标悬停事件..??