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’) } ); });