Tag: mouseevent

从静止鼠标进入动画元素获取mouseenter事件: 我正在写一个图像轮播，由于某些类添加/删除我的CSS指针以及我的mouseenter事件似乎无法正常工作。 $(“img”, “:not(.active)”).on(“click”, function() { var $this = $(this); $(“img”).removeClass(“active”); $this.addClass(“active”); goto($this.index()); }); $(“img”).on(“mouseenter”, function() { console.log(“silence”); }); function goto(i) { $(“.images”).animate({ left: 55-i*310 }); } http://jsfiddle.net/rnfkqq6s/3/ 请看一下小提琴并观看控制台。当鼠标在点击时没有移动时，鼠标中心有时不会被触发。与光标一样的东西。我在这做错了什么？

单击时无法取消绑定鼠标: 我有一个jquery脚本，如果你使用mouseenter和element，它会显示一些内容，并在你mouseleave时消失。我试图在用户点击时取消绑定鼠标，以便在用户离开时“某些东西”保持显示状态。这是正确的方法吗？如果是这样，有人可以帮助我让这个脚本工作吗？谢谢！ $(‘.block’).live(“mouseenter”,function(){ var id= $(this).attr(‘id’); $(‘#arrowPreview’+id).show(); }).live(“mouseleave”,function(){ var id= $(this).attr(‘id’); $(‘#arrowPreview’+id).hide(); }).live(“click”,function(){ var id= $(this).attr(‘id’); $(‘#arrowPreview’+id).show(); $(this).unbind(“mouseleave”); }); 谢谢！

在AngularJS中跟随鼠标的弹出对话框: 我正在使用Angular 1.0.6和jQuery，我需要创建一个跟随鼠标的提示（更改位置）。到目前为止我所拥有的是显示/隐藏： {{item.text}} {{item.description}} 我应该如何根据mousemove事件更改弹出窗口的x和y位置？我以为我可以这样： Hello Popup 但是不知道如何创建这样的指令。

使用QTip2 Jquery库，使用自定义分层菜单过早触发MouseEnter / MouseLeave: 我一直在争取在我的QTip2演示菜单改编中找到错误一个多月了。除了剩下的2个问题之外，我的实现工作得很好。两者都在下面用小提琴详述。我真的希望有人可以提供帮助，以便我可以完成这个项目。 2个问题： http ： //jsfiddle.net/UGQ95/10/ “第1层”菜单正确打开，并在用户未使用菜单时保持正确。这意味着每当用户完成hover任何菜单项时，它返回以指示用户当前项。菜单的行为目前是正确的，保持打开’第1层’和’第2层’，而’第3层’（如果有的话）在hover时突出显示，但保持隐藏直到hover。问题1.您会注意到顶层“第1层”在“第1层”项目之间移动时会尝试在mouseleave上立即强制使用“alwaysactive”项。我相信这是由#navigation触发过早的mouseleave触发引起的。这个JS在最后10行中找到。问题2.在提供的小提琴中，您会注意到我已将“第1层 – 维护”，“第2层 – 总线停止”和“第3层 – 创建总线停止”设置为活动页面。当将“Tier 2”项目与“Bus Stops”一起hover时，我无法让“Tier 2”活动项目失去其突出显示，直到它需要返回显示为活动状态。非常感谢，如果有人能提供帮助！我真的希望我能够清楚地说明我的问题。干杯德文

禁用上下文菜单和右键菜单: $(document).on(‘mousedown’, ‘a’, function(event){ event.preventDefault(); if(event.which == 1){ if($(this).attr(‘target’) != ‘_blank’){ loadpage($(this).attr(‘href’)); } } }).on(‘contextmenu’, ‘a’, function(event){ event.preventDefault(); }); 你好再次Stackoverflow！对于我当前的项目，我想在每个链接上禁用鼠标右键和中键。当用鼠标左键单击时，如果链接不包含target=”_blank” ，我需要调用一个使用AJAX加载该页面的函数。（function loadpage() ）。虽然鼠标中键仍然打开一个新选项卡，但这段代码工作正常。我该如何解决这个问题？提前致谢！

鼠标滚轮滚动事件: 我想要的是：当鼠标指向div时，页面的滚动条不会滚动。这不可能吗？当我这样做时，页面的滚动条总是滚动。这是一段javascript代码： if(document.addEventListener){ document.addEventListener(‘DOMMouseScroll’,scrollFunc,false); } window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari 怎么做？

如何确定鼠标光标的起点和终点？: 假设用户开始移动鼠标并停在浏览器的某个位置。如何使用Javascript / Jquery确定起点和终点？起点很简单，我可以用mousemove事件得到它但是停止点怎么样？我无法使用mouseenter或mouseleave事件，因为我的游乐场是窗口或文档本身。谢谢。

如何使用Parallax.js模拟运动？: 我正在尝试用Parallax.js模拟运动，以测试改善其性能的方法。但是，我如何在Parallax.js的originX和originY之间来回循环，以导致圆周运动的方式？ http://jsfiddle.net/frank_o/amvvkm9z/ 伪代码： var scene = $(‘#scene’); scene.imagesLoaded(function() { var circularMovement = [ [0,0], [0.5,0], [1,0], [1,0.5], [1,1], [0.5,1], [0,1], [0,0.5] ]; // Initiate Parallax scene.parallax({ originX: 0, originY: 1 }); circularMovement.each(function() { scene.parallax(‘origin’, N, N); }); scene.masonry({ itemSelector: ‘.layer’ }); }); HTML： …

无法单击使用jquery创建的表: 我正在使用jQuery创建一个包含图像的表。我的js代码看起来像这样： $(document).ready(function() { var korpusArray = new Array(); $.getJSON(“file.js”, function(data) { var korpusId; var korpusChooseTable = “”; $.each(data, function(i, value) { korpusArray.push(value.text); strRemove = value.filename.replace(“korpus/”, “”); korpusChooseTable += ”+value.title+”+value.id+”; }); korpusChooseTable += ”; $(“#korpusChoose”).html(korpusChooseTable); console.log(korpusArray.length); console.log(data.length); }); // after this I wanna click on table cell and do some function but // it doesnt […]

hover的元素然后单击删除hover效果并再次单击再次添加hover: 我正在尝试用JQuery创建一个搜索词拼图框。基本上每个单元格中都有一个字母表，用户需要通过单击表格单元格来查找和标记网格中的单词。所以我试图通过以下方式组合点击和hover事件：当鼠标结束时，所有单元格都应该具有hover突出显示效果，除非已经单击它。如果单击它，它应该只是更改为不同的颜色来标记活动选择，以便删除hover效果。再次单击所选单元格后，它应恢复到其原始状态，并添加hover高亮效果。进一步的点击只会重复上面提到的切换。这怎么可能？我用unbind（），bind（）选项尝试了以下操作，但它没有用。谢谢，阿提拉 $(“#puzzleTable td”).each(function(){ $(this).hover( function(){ $(this).css(“background-color”, “#FF6633”); }, function() { $(this).css(“background-color”, “#99CC00”); }).toggle( function(){ $(this).unbind(‘mouseenter mouseleave’), $(this).css(“background-color”, “#006699”) }, function(){ $(this).css(“background-color”, “#99CC00”), $(this).bind(‘mouseenter mouseleave’) } ); });