草庐IT

鼠标错位

全部标签

javascript - 处理触摸屏上的鼠标和触摸事件

我正在编写应该同时支持鼠标和触摸交互的Web应用程序。为了进行测试,我使用了带有Windows7的触摸屏设备。我尝试在最新的Firefox和Chromecanary中嗅探触摸事件,并得到以下结果:触摸时Firefox触发触摸和相应的鼠标事件。Chrome触发touchstart/mousedown、touchend/mouseup对,但是mousemove以非常奇怪的方式触发:一次/两次touchmove.一如既往地处理所有鼠标事件。有什么方法可以在现代触摸屏上同时处理鼠标和触摸事件吗?如果Firefox触发一对触摸和鼠标事件,在Chrome中touchmove和mousemove会发

javascript - 将鼠标悬停在 flot 中的某个点上时显示自定义工具提示

来自示例here,我有点知道如何创建一个在悬停时显示工具提示的Flot图。但是示例只展示了如何显示包含x值、y值、标签等的工具提示,我不知道如何创建更多自定义工具提示。是否有我可以附加自定义数据的地方,我可以在创建工具提示时访问这些数据?例如,为了简化,假设我的代码如下所示:vard=[{label:"Fake!",data:[[1290802154,0.3],[1292502155,0.1]]}];varoptions={xaxis:{mode:"time"},series:{lines:{show:true},points:{show:true}},grid:{hoverable:

javascript - 如何检测用户鼠标移动的距离?

我正在尝试检测鼠标移动的距离(以像素为单位)。我目前正在使用:$(document).mousemove(function(event){varstartingTop=10,startingLeft=22,math=Math.abs(((startingTop-event.clientY)+(startingLeft-event.clientX))+14)+'px';$('span').text('Fromyourstartingpoint(22x10)youmoved:'+math);});但是,我觉得这不是正确的方法,是吗?这对我来说并不一致。这是它现在如何工作的演示:http:/

javascript - D3的鼠标相对于父元素的坐标

我想获取相对于父元素或DOM中除this之外的任何其他元素的鼠标坐标,但我一直在获取UncaughtTypeError:Object[objectArray]hasnomethod'getBoundingClientRect'd3.v3.min.js:1Hd3.v3.min.js:1vo.moused3.v3.min.js:3(anonymousfunction)index.html:291(anonymousfunction)我的代码:.on("mouseup",function(d){varth=d3.select(this);varcoordinates=[0,0];coordi

javascript - 模拟真实的鼠标点击

我想做的是在youtube上执行鼠标点击,在页面加载时按下播放键。如何点击该特定位置(假设它始终位于同一位置)?我试过但失败了vare=document.getElementById('myelem');e.click();vare=newjQuery.Event("click");e.pageX=x;e.pageY=y;$("#elem").trigger(e);诸如此类。没有什么真正有效。有什么建议么?我正在使用谷歌浏览器好吧,好像有点困惑,所以我会进一步解释。我创建了一个与击键事件相关的弹出窗口,我想做的是通过单击弹出窗口中的麦克风来触发x-webkit-speech,这样用户就

javascript - 使用鼠标动态调整 css 网格布局中的列大小

我正在尝试通过用鼠标拖动列分隔符(或调整占位符)来动态调整css网格布局框的大小。我在nav元素上设置了resize:horizo​​ntal;来调整大小,当我拖动元素右下角的小调整handle时它会调整大小,但不会自动调整相邻列的宽度,从而导致重叠。这是一个破损的codepen.HTML:#1#2#3CSS:main{display:grid;border:3pxdottedred;grid-gap:3px;grid-template-columns:200px1fr;grid-template-rows:100px1fr;height:100%;}nav{grid-column:1

javascript - 如何同时检测按键和鼠标悬停

好的,我可以使用.on('mouseover')检测鼠标悬停我可以使用检测按键$(document).keypress(function(e){console.log(e.which);}但是当我按下某个按钮时,我该如何检测我的鼠标悬停在哪个图像上呢?这个想法是能够通过在将鼠标悬停在图像上时按d来删除图像。有什么想法吗? 最佳答案 您只需切换一个类或数据属性即可显示当前悬停在哪个类或数据属性上$('img').hover(function(){$(this).toggleClass('active');//ifhoveredthen

javascript - 没有 JQuery 的鼠标输入

在没有jQuery的情况下,在Javascript中实现类似mouseenter/mouseleave的事件的最佳方法是什么?跨浏览器使用的最佳策略是什么?我在考虑对mouseover/mouseout事件处理程序中的event.relatedTarget/event.toElement属性进行某种检查?喜欢听听你的想法。 最佳答案 (完全改变了我糟糕的答案。让我们再试一次。)假设您有以下基本的跨浏览器事件方法:varaddEvent=window.addEventListener?function(elem,type,method

javascript - 在 Google Maps V3 API 标记的鼠标悬停上获取鼠标光标的位置

我正在尝试使用jQuery将光标悬停在标记上时使div在光标位置可见。它有点像工具提示。但是我似乎无法弄清楚如何获取光标下方点的X/Y坐标。当前代码:google.maps.event.addListener(marker,"mouseover",function(event){$("#tooltip").css({position:"absolute",top:event.pageY,left:event.pageX}).toggle();我相信event没有像jQuery事件中那样的属性pageY和pageX。如何获取鼠标光标的位置? 最佳答案

javascript - 在 Javascript 或 jQuery 中更改鼠标光标

如何在Javascript或jQuery中更改鼠标光标?我知道这是一个非常经典的问题,但很奇怪这个JSFiddle不起作用:http://jsfiddle.net/2Qffw/.代码如下:$('body').css('cursor','pointer');document.body.style.cursor="pointer"; 最佳答案 在html和body中执行:$('html,body').css('cursor','crosshair');http://jsfiddle.net/2Qffw/3/