草庐IT

鼠标不灵

全部标签

javascript - 如何使 Bootstrap 3 工具提示跟随鼠标?

我的网站上有一个链接列表,这些链接在Bootstrap工具提示中显示图像">Item1">Item2">Item3$(document).ready(function(){$('a').tooltip({placement:"right"})}这只会在所有链接的右侧显示工具提示。虽然图像是静态的,但我希望工具提示图像随着用户四处移动鼠标而四处移动。你可以在这个网站上看到我想做的事的例子:http://www.hearthpwn.com/decks/381677-druidereno.在右侧边栏上,有一个卡片列表,您可以将鼠标悬停在上面,工具提示图像会跟随鼠标移动。看起来他们没有使用Bo

javascript - div 和 childs 上的 Angular 2 鼠标悬停事件

我在一个div中有一个spanchild。在我的div上我有一个mouseover事件,当我将鼠标悬停在span上时,我的事件会触发。简单代码:{{someDataHere}}publicshowOverlay($event,op,element):void{op.toggle($event,element);$event.preventDefault();}我想要的是在child身上继续显示我的叠加层,我该如何实现? 最佳答案 mouseleave和mouseleave更好地覆盖了这个用例,因为进入一个child不会mousele

javascript - 触摸屏和 Javascript DOM 鼠标按下事件

我有一个使用触摸屏的javascript网络应用程序,浏览器是基于webkit的。我遇到了这个问题:addEventListener("mousedown",function(event){console.log('downfired');event.target.classList.add('down');},true);当使用鼠标时,目标元素类在按住鼠标时立即添加,但当使用触摸屏时,当手指按住元素时目标元素类不会改变。然而,奇怪的是,控制台日志消息是在鼠标单击和ts按下的按下事件上发送的。关于如何解决这个问题有什么建议吗??谢谢编辑我添加了touchstart事件监听器,但它不会在

javascript - d3.select(this) 适用于鼠标悬停,但不适用于鼠标悬停时调用的函数

我是javascript的新手,目前正在努力选择this对象,同时尝试进行d3选择。我制作了以下示例,其中包含我正在调用的函数和一个onmousemove事件:functionchangeFont(){d3.select(this).attr('font-size','2em')}....on('mousemove',function(){varmouse=d3.mouse(this);varxVal=mouse[0];//thiswouldwork,butnotwhenitscalledinafunction//d3.select(this)//.attr('font-size','

javascript - 没有jquery我需要找出鼠标是否在一个元素上,而不是确定它何时结束(以防它不移动触发onmouseover)

没有jquery基本上我正在寻找的是在倒计时结束时查看鼠标是否在div上的能力如果用户在div上,则对该div执行操作onmouseover只在鼠标越过div的阈值时触发,如果鼠标没有移动就不会触发,所以不行我需要确定鼠标当前是否在特定时间点位于div上,是否已从起点移动我所有的搜索都只找到了onmousover,而没有看到鼠标是否恰好在那里开始我没有javascript技能来确定div的整体坐标,然后映射鼠标坐标并查看它是否适合那里...这是我认为我需要做的 最佳答案 在thisSOquestion上阅读第二个答案(具有数百万个a

javascript - 淡入鼠标移动

如何使用JavaScript在鼠标第一次移动时淡入div内容,例如在google.com上?我不希望它再次淡出。 最佳答案 代码:(Seeitinaction)//attacheventhandlerdocument.body.onmousemove=function(){fadeIn(this,1000);//1000ms->1sthis.onmousemove=null;//removetoonlyfadeinonce!};//setstheopacityofanelement(x-browser)functionsetOpac

javascript - 将鼠标移到 D3 Javascript 中的节点上时如何显示和隐藏节点

我基于使用D3Javascript从JSON文件读取一些数据创建了三个节点(圆圈)。这是我的代码和JSON文件:.node{stroke:#fff;stroke-width:1.5px;}.link{stroke:#999;stroke-opacity:.6;}varwidth=960,height=500;varcolor=d3.scale.category20();varforce=d3.layout.force().charge(-120).linkDistance(30).size([width,height]);varsvg=d3.select("body").append(

javascript - 使用 javascript 或 jquery 禁用鼠标双击

我有一个表单,其中有一些文本框,下面有一个表格。当我双击表格行时,它会将我带到另一个页面。现在的问题是,如果我双击文本框,它也会转到另一个页面,所以我需要禁用鼠标点击这个文本框,还使用​​tr作为标题,使用另一个tr作为数据。当我单击tr标题时它也不应该工作。注意:我有很多文本框,所以禁用每一个双击鼠标并不是一个好的解决方案。如果我单独单击带有数据的行,那么双击应该可以工作。 最佳答案 应该是这样的$('.myTextBox').dblclick(function(e){e.preventDefault();})

javascript - 如何在 Fabric.js 上获取鼠标坐标?

我正在尝试读取鼠标在Fabric.js上单击时的X坐标。这是我的代码。控制台每次都记录undefined。varcanvas=newfabric.Canvas('c1');canvas.on('mouse:down',function(e){getMouse(e);});functiongetMouse(e){console.log(e.clientX);} 最佳答案 最好的修复是this方法实现:functiongetMouseCoords(event){varpointer=canvas.getPointer(event.e);

javascript - 有没有办法通过浏览器Javascript检测Mac上触控板、魔术鼠标或魔术触控板的多点触控事件?

我知道有很多方法可以直接在iPhone(jQtouch)上执行此操作,但我想在计算机的浏览器中检测这些事件。 最佳答案 Mozilla对鼠标手势有一些支持:https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Mouse_gesture_events看起来chrome和safari没有原生支持:JQuery-CanIquerytheMacBookProTrackpad? 关于javascript-有没有办法通过浏览器Javas