草庐IT

mouseenter

全部标签

javascript - mouseenter 和 append 效果不佳

我需要当mouseentercurrentdiv将一些文本附加到div但有时效果不好有时显示有时没有这里是fiddleexample代码:$(document).ready(function(){varthmb_wrap=$('.thm-img');varthumb=$('.thm-imgimg');varouter=$('.mn-img');varfull=$('.mn-imgimg').length;varsc_height=$(outer).height();thmb_wrap.one('mouseenter',function(){varcur_im=$('.thm-imgim

javascript - 没有 jQuery 的可靠 "mouseenter"

我四处寻找,似乎找不到可靠的mouseenter事件。我找到的最接近的是:mouseenterwithoutJQueryfunctioncontains(container,maybe){returncontainer.contains?container.contains(maybe):!!(container.compareDocumentPosition(maybe)&16);}var_addEvent=window.addEventListener?function(elem,type,method){elem.addEventListener(type,method,fals

javascript - Angular Directive(指令) mouseenter/mouseleave 工作但在 mouseleave 后不设置为初始状态

我有一个指令在模板上显示学生信息列表,然后在鼠标输入时显示其他学生信息。我希望能够返回到mouseleave的初始状态。尝试了所有资源,但运气不佳。html-这是我注入(inject)指令的地方html指令模板Name:{{student.name.first}}{{student.name.last}}Bio:{{student.Bio}}Skills:{{skill.title}}指令app.directive('portfolioView',function(){return{restrict:'E',scope:{student:"="},templateUrl:'/html-

javascript - jQuery:单击时,阻止 mouseenter 事件

我有两个单独的动画正在发生,一个在mouseenter上触发,另一个在click上触发。问题是,当它们都被激活时,它会产生一个跳跃的动画。你可以在这里明白我的意思:JSFiddle如果click事件被激活,是否可以阻止mouseenter事件的发生?Javascript$('headerh1').mouseenter(function(){$('header:not(.open)').delay(500).animate({'padding-bottom':'40px'},150,function(){//functioncomplete});});$('headerh1').mous

javascript - 为什么在 SVG 中进入/离开子元素时会触发 mouseenter/mouseleave 事件?

我有一个SVG,里面有更多的SVG,里面有可变数量的矩形元素,都是从数据对象生成的。这是一般层次结构:我已将mouseenter/mouseleave事件绑定(bind)到.child-svg元素,但我发现当我的鼠标移动到之间的空白时,事件正在触发元素。我对mouseenter/mouseleave的理解是它们不应在光标进入/离开子元素时触发——这似乎是您期望从mouseover/mouseout获得的行为。当然,我最理想的是mouseenter/mouseleave事件仅在我离开每个部分(我已使用颜色描绘)时触发。这是相关的fiddle:http://jsfiddle.net/ysi

javascript - 如果使用 CSS3 翻译/转换来更改元素位置,则不会触发 Mouseenter/Mouseover 事件

我正在翻译(通过jQuery/CSS3)一个#wrapperdiv,通过更新Y轴。我已将mouseenter/mouseleave事件附加到#wrapper的子元素。当#wrapper翻译时,它的child一个接一个地来到鼠标下(即使鼠标没有移动)。这不会触发mouseenter、mouseleave事件。但是,当元素具有滚动条并通过鼠标滚轮滚动(而不是平移)时会触发事件。这是默认行为吗?如果是,有什么解决方法吗?Demo尝试使用鼠标滚轮滚动,但不要移动鼠标。我希望将.block的背景更改为red颜色,但它没有发生。 最佳答案 示例

javascript - 防止 Mootools Mouseenter 在隐藏的子元素上触发

我有一个自动旋转的内容slider,当您将鼠标悬停在它上面时它会停止旋转。我的问题是这里的这段代码:$$('.holder').addEvents({mouseover:function(){clearInterval(rollingon);},mouseout:begin});HTML:*content*Fliptable扩展了浏览器的整个宽度。所以不同的列表元素的不透明度随着它的变化而改变。现在我的问题是当我将鼠标悬停在隐藏的列表元素上时会触发鼠标悬停。无论如何我不能让它对child着火吗?这是JSfiddle:http://jsfiddle.net/AjWuL/

javascript - mouseenter 更改 anchor 内的 HTML 后 mouseleave 未触发

我确定我忽略了一些东西,但在我替换触发mouseenter的anchor标记内的html后,我似乎无法触发“mouseleave”事件。在此处添加代码,但如果您访问下面的JSFiddle链接并将鼠标悬停在星形图标上,它实际上会简单得多。$(document).ready(function(){$(document).on('mouseenter','[id^=star-]',function(){$('[id^=star-]').html('');}).on('mouseleave','[id^=star-]',function(){$('[id^=star-]').html('');

javascript - 使用 jquery 命名空间多个事件 "on"

这个问题不太可能帮助任何future的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visitthehelpcenter.关闭9年前。想知道使用jquery“on”为多个事件命名空间的正确方法是什么......例如:$(".parent-selector").on({"mouseenter.namespace":function(){//mouseenterevent},"mouseleave.namespace":function(){//mouseleaveevent}},".sel

c# - 控件移动后 Windows 窗体 MouseEnter 不触发

我想在鼠标进入时为PictureBox的BackColor属性着色。当MouseEnter事件触发时,我将BackColor变为黄色,并在MouseLeave中重置为透明。然后当我点击一个PictureBox时,我改变了它的位置,所以我也有一个Move事件将它重置为透明。问题是,一旦我移动它,我需要用鼠标输入PictureBox两次以触发MouseEnter事件!这是一个非常图形化的问题,所以我上传了一点video向您展示正在发生的事情,它肯定会比我更好地解释我的问题。我尝试了另一种方法,不是在MouseEnter中而是在MouseHover中更改颜色。在这种情况下,它运行良好,除了我