Tag: mouseover
停止在hoverjQuery上更改偏移量
我想在浏览器窗口的左侧创建一个小条，它跟踪鼠标的Y位置并跟随鼠标。 到目前为止，没有问题。 但是现在我想在鼠标hover在div上时阻止div偏移，以便也可以点击div刚刚显示的内容。 我做了一个小提琴，让自己清楚 http://jsfiddle.net/UXWp6/ $(document).bind(‘mousemove’, function(e){ $(‘#blokje’).offset({top: e.pageY-100}); }); #blokje{width:200px; height:200px; background:white; position:relative; left:-180px; color:black; } #blokje:hover{left:0;} #blokje #tit{position:absolute; width:30px; height:200px; background:black; right:0; top:0; }   A link This is the content where I would like to have my content clickable like that link on top
jQuery：mouseenter / mousemove / mouseover无法通过小div和快速鼠标移动识别
我有一个宽度为div的div ：5px和height：400px （例如）。 如果我想在这个divhover时触发一个函数，当我将鼠标移动得太快时就无法识别事件（如果我使用mouseover / mouseenter / mousemove则无关紧要）。 你可以在这里看到一个有效的例子： http ： //jsfiddle.net/2YZvk/ 这是我的function： jQuery(document).ready(function(){ jQuery(‘.hover_test’).bind(‘mouseenter’,function(){ jQuery(this).css(‘background-color’,’#30a900′); }); }); 即使我移动鼠标太快，是否有可能以某种方式触发此事件？ 使div更宽不是一个选择……
浏览器处理触摸设备的鼠标hover事件会导致错误的点击事件触发
我对浏览器在触摸设备上处理鼠标hover和鼠标移动事件的方式有疑问。 我有一个元素A，当你hover鼠标时，它会显示并隐藏另一个元素B. 元素B是一个带有单击事件的按钮。 使用鼠标时这非常好，但使用触摸输入时，当然没有鼠标hover。 浏览器自动处理这种方式，当你点击元素时，鼠标hover事件被触发，当你点击屏幕上的任何其他地方时，mouseleave事件被触发（这在大多数情况下是有意义的）。 现在我的问题是两个事件只需轻轻一击即可立即触发。 我无法找到解决办法。 似乎没有办法判断输入是来自鼠标还是触摸输入。 我把一个简单的jsfiddle放在一起展示了这个问题： https ：//jsfiddle.net/djmpx1q4/1/ $(“#outer”).hover(function(){ show(); }, function(){ hide(); }); function show() { $(“#inner”).css(‘display’, ‘block’); $(“#inner”).on(‘click’, function(){ alert(‘hello’); }); } function hide() { $(“#inner”).css(‘display’, ‘none’); $(“#inner”).off(‘click’); } #outer { padding:50px; width:200px; height: 200px; background-color: #FFFFFF; } #border { border: 1px solid black; width:100%; height:100%; } #inner { display: […]
如何为hoverIntent绑定多个事件处理程序？
我在其中一个js文件中有以下代码 $(‘#elementID’).hoverIntent({ over: function() {//function#1 body}, out: function() {// function#2 body} }); 在我的另一个js文件中，我想为hoverIntent添加另一个方法。 但新绑定会覆盖前一个绑定，只会执行新绑定。 $(‘#elementID’).hoverIntent({ over: function() {//function#3 body} }); 所以我希望在hover时执行function＃1和function＃3。 是否可以使用hoverIntent？ 如果没有，请你指点我另一个方向，所以我能做到吗？ 注意：我无权更改第一个文件。 我只是想为hover添加额外的function。 谢谢。
Mouseenter仅在IE9中透明div的边框上触发
在我的代码中，我有一个id为’SIAinfoBox’的div，它将加载不同的细节，具体取决于鼠标当前所处的div。 我将以下两个监听器附加到每个相关的div： $(annoDiv).mouseover(function(event){ event.stopPropagation; $(‘#SIAinfoBox’).empty(); $(‘#SIAinfoBox’).append(details); $(‘#SIAinfoBox’).css(‘visibility’,’visible’); }); $(annoDiv).mouseleave(function(event){ event.stopPropagation; $(‘#SIAinfoBox’).empty(); $(‘#SIAinfoBox’).css(‘visibility’,’hidden’); }); 这些div没有背景颜色设置，但有1px纯黑色边框。 在Firefox中，一切运行良好。 但是在Internet Explorer中，仅当鼠标位于div的边界上时才会填充SIAinfoBox。 在div中移动它似乎会触发mouseleave事件，并删除内容并隐藏div。 如果我设置背景颜色，它的工作方式与预期的一样，但没有背景颜色（或透明），它不起作用。 我也尝试使用mouseenter而不是mouseover，但结果相同。 为什么InternetExplorer表现得像那样，或者我该怎么做才能实现我目前在FF for IE中获得的结果呢？
手动触发鼠标hover事件而不允许事件传播
如何仅针对特定元素使用jQuery触发鼠标hover事件，而不允许事件传播到父控件。 我知道如何触发事件： $(‘selector’).trigger(‘mouseover’); 例如，我在tr里面有一个image 。 我有两个hover事件处理程序。 我想手动触发仅用于图像的hover事件。 有没有人有想法？
通过CSS隐藏/显示内容：hover（或JS，如果需要）
我有以下html： Stuff here More stuff .one { display: block; } .two { display: none; } 当鼠标滚过 容器时，隐藏one并显示two最简单的方法（最好只有CSS）是什么。 如果这不能通过CSS和Javascript完成，我更喜欢jQuery通过live()类的东西，因为内容是实时更新的，不希望不断手动重新绑定。 编辑：我忘了提到这必须在IE6中工作：/
当另一个div徘徊时切换div的内容
我无法让这样的事情发挥作用。 我有一系列DIVS（1到8），当你将鼠标hover在一个div上时，我希望用#replace（当前设置为隐藏） Bla Bla Bla 的内容逐字地更改其中一个div的内容 Bla Bla Bla 这是我到目前为止所得到的： $(‘#1’).on({ mouseover: function(){ $(‘#2’).replaceWith(jQuery(‘#replace’)); }, mouseleave: function(){ $(‘#2’).replaceWith(jQuery(‘#2’)); }, click: function(){ $(‘#2’).replaceWith(jQuery(‘#replace’)); $(‘#1’).off(‘mouseleave mouseover’); } }); 根本没有效果 – 我的逻辑是坏的，我是怎么做的坏等等……？
jquery datepicker从单元格获取鼠标hover的日期
我想把鼠标hover在日期上。 将出现一个小的div框，并显示与该日期相关的一些数据。 当鼠标在日历上运行时。 我需要鼠标运行的日期，所以我可以调用正确的值来显示在div框中。 下面的代码显示了从单元格收集的日期。 但我需要包括月份和年份的完整日期。 $(‘.ui-state-default’).mouseover(function(){ var a= $(this).text(); alert(a); }); 我也发现了这段代码。 但对我来说并不适用。 任何帮助表示赞赏。 提前致谢。
jQuery鼠标hover不按预期工作
这是我的html： Twitter 我打算做的最初是隐藏span.text，当我将鼠标hover在div背景中的图像上时。 这是我的CSS #social a { display:inline-block; overflow:hidden; padding:4px 0 0 28px; /* left padding is for the bg image to be visible*/ } #social a span { display:none; } #social .twitter { background:url(../images/social/twitter.png) no-repeat left top; } #social .twitter:hover { background:url(../images/social/twitter_hover.png) no-repeat left top; } 这是我的js： $(“#social a.twitter”).mouseover(function(){ $(“span”,this).show(“slow”); }).mouseout(function(){ $(“span”,this).hide(“slow”); }); 但是当我将鼠标hover在图像上时，它会继续显示并隐藏文本。我在哪里出错？
