Tag: mouseevent

将父母的hover应用于jquery ui autocomplete child

我处于类似的情况，我的另一个问题是阻止datepicker触发父mouseleave ，但该解决方案似乎不适用于jQuery UI自动完成。 hover如何也适用于自动完成的孩子？ 换句话说，如果一个#hoverMe在自动完成建议上， #hoverMe应该保持打开状态。 此外，建议/代码如何处理select #hoverMe之外的选择，同时保持#hoverMe显示，直到一个#hoverMe回来，这将是伟大的！ http://jsfiddle.net/Kzp87/ HTML hover me arbitrary text JS $(document).ready(function () { var availableTags = [ “ActionScript”, “AppleScript”, “Asp”, “BASIC”, “C”, “C++”, “Clojure”, “COBOL”, “ColdFusion”, “Erlang”, “Fortran”, “Groovy”, “Haskell”, “Java”, “JavaScript”, “Lisp”, “Perl”, “PHP”, “Python”, “Ruby”, “Scala”, “Scheme” ]; $(“#autocompletor”).autocomplete({ source: availableTags }); var _enter = false; $(“#hoverAnchor”).add($(“#hoverMe”)).mouseenter(function () […]

将多个事件绑定到同一个函数

如何将多个事件绑定到同一个函数。 我想点击和触摸开始做同样的事情。 然后我想要一个鼠标hover的第二个function。 我想使用这种设置： $(document).on({ click: function (event) { // I want this: click, touchstart: function (event) { event.preventDefault(); // do something }, mouseover: function (event) { event.preventDefault(); // do something } }, ‘.link’);

如何防止Jquery mouseover事件在transperent图像区域上移动鼠标时执行？

我使用了下面提到的代码SO答案使用jQuery在翻转时更改图像源以更改鼠标上的图像。 $(function() { $(“img”) .mouseover(function() { var src = $(this).attr(“src”).match(/[^\.]+/) + “over.gif”; $(this).attr(“src”, src); }) .mouseout(function() { var src = $(this).attr(“src”).replace(“over”, “”); $(this).attr(“src”, src); }); }); 我面临的问题是，我的图像是png格式，有一些透明区域。 这意味着我的网站上有非矩形图像。 即使鼠标在透明区域上方，JQuery上面也会更改图像src。 有人可以建议某种方式，只有当鼠标hover在可见图像区域时才会发生图像变化吗？

JQuery .on（“点击”）在触摸设备上触发“鼠标hover”

当使用JQuery的$.on(“click”, function(){});时，我遇到了不需要的行为$.on(“click”, function(){}); 在触摸设备上。 这是我的代码如下： 码： $(“.team”).on(“mouseover”, teamMouseOver); $(“.team”).on(“mouseout”, teamMouseOut); $(“.team”).on(“click”, teamThumbClicked); function teamMouseOver(event){ console.log(event.type); } function teamMouseOut(event){ // Do something } function teamThumbClicked(event){ console.log(“Clicked!”); } 问题： 使用上面的代码，点击触摸设备上的.team元素同时触发两个侦听器，为我提供以下控制台日志： mouseover Clicked! 问题为什么在触摸设备上触发mouseover ？ 这不是我对没有鼠标的设备所期望的行为。 这是一个错误吗？ 我应该使用什么事件，因此当鼠标指针正在进入时，“mouseover”才会被触发？ 我的JQuery版本是2.2.4。

如何在jQuery中只触发一次MouseWheel事件？

因此，每次用户通过鼠标滚轮向上或向下滚动时，我只想触发一次function。 请参阅： jsFiddle演示 。 问题是即使我有e.preventDefault（），该函数仍然会多次触发。 目标是每当用户向上或向下滚动时，该function仅触发一次。 与此网站类似。 这是我到目前为止的代码： var sq = {}; sq = document; if (sq.addEventListener) { sq.addEventListener(“mousewheel”, MouseWheelHandler(), false); sq.addEventListener(“DOMMouseScroll”, MouseWheelHandler(), false); } else { sq.attachEvent(“onmousewheel”, MouseWheelHandler()); } function MouseWheelHandler() { return function (e) { var e = window.event || e; var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))); if (delta < 0) […]

jQuery draggable：可拖动的盒子越过容器 – bug？

试试这段代码： HTML CSS html { height:3000px; } .draggable_container { height:300px; background-color:red; width:140px; } .draggable { height:60px; width:130px; cursor:pointer; border:5px solid #000000; background-color:#ffffff; } jQuery的 $(“.draggable”).draggable({ axis: “y”, containment: ‘parent’ }); 现在，如果您单击“可拖动”框并上下移动鼠标，它将移动到容器高度。 但是，如果用鼠标单击此框，然后滚动页面（使用鼠标滚轮…或将光标移动到底部，而不释放鼠标），框就会越过容器。 这很糟糕。 这是一个常见的bug吗？ 我该如何解决这个问题呢？

为什么在pre-paste中将事件粘贴到jquery会触发？

我试图使文本框类似于Twitter ，因为我已经编写了代码 字数 使用的事件更改，密钥和粘贴 Keyup和Change事件运行正常，但粘贴事件有点奇怪，当我在textarea中粘贴一些东西时，字数不会在那一刻发生变化，经过一些调试后我发现粘贴事件在粘贴文本框上的东西之前会激活 。 我不知道他们是如何在Twitter上处理的。 这是我的代码：事件： ‘click #textboxId’ : ‘submitQuestion’ ‘keyup #textboxId’ : ‘wordCounter’ ‘change #textboxId’ : ‘wordCounter’ ‘paste #textboxId’ : ‘wordCounter’ wordCounter: -> #Code for Word Count# 由于粘贴事件的预粘贴性质，该实例上的工作计数不会发生变化。 您的建议和帮助将不胜感激，感谢您的时间。

单击对象时停止mouseleave

如果我想要鼠标输入div，则会显示一个元素，然后当mouseleave时，元素消失。 我在mouseenter中有一个clickfunction，所以点击时会有一个下拉菜单。 我希望下拉菜单和元素即使在mouseleaves时也能保持活动状态。 因此，当有点击事件时，我希望鼠标在这种情况下不适用。 用户必须再次单击该元素或页面上的任何位置，以使元素和下拉菜单消失。 但是我想保持mouseleavefunction正常工作，所以如果用户鼠标移动div，该元素将显示，他们可以再次点击它。 我目前有类似的东西，但我不知道如何使鼠标在点击时不适用 $(“.div”).mouseenter(function(){ $(“.element”,this).show(); $(“.element”).click(function(){ $(“.dropdown”).show(); return false; }); }).mouseleave(function(){ $(“.element”,this).hide(); }); 编辑： HTML boxed element menu

使用鼠标滚轮事件在网站上滚动了多少像素？

我正在编写自定义滚动条并正在捕捉鼠标滚轮事件。 我正在使用它然后调整我要滚动的元素的scrollTop。 是否有标准数量的像素向下滚动，或者它是否因系统而异？ 我在最新版本的Firefox中展示了114px：

如何避免jquery中mouseenter事件的闪烁？

我不知道确切的技术词汇，但是在关于’mouseenter’和’mouseleave’事件的jquery代码中，整个div会像按钮点击一样运动（闪烁？）而且我也使用’mouseover’和’mouseout’但同样的问题发生。 $total_doctors=mysql_fetch_array(mysql_query(“select count(*) from doctor”)); 主要部分：   Doctor 0 脚本代码： var docNumbr = ; $(document).ready(function(){ $({countNum: $(‘#countdoctor’).text()}).animate({countNum: docNumbr}, { duration: 2000, easing:’linear’, step: function() { $(‘#countdoctor’).text(Math.floor(this.countNum)+1); } }); $(‘#countdoctor’).mouseenter(function(){ $(this).text(“Total Records: “+docNumbr).css({“opacity” : “0.5”, “font-size” : “14px” }); }).mouseleave(function(){ $(‘#countdoctor’).text(docNumbr).css({“opacity” : “1.0”, “font-size” : “25px” }); }); }); 我想避免在mouseenter和mouseleave上调整div的大小。