草庐IT

鼠标双击

全部标签

javascript - 如何使绝对定位的图像区域 map 可以用鼠标点击?

我使用绝对定位将几张图像放在彼此的顶部。这些图像是部分透明的,并且有一个htmlarea和map使只有可见的部分可以点击。在jQuery中,我将鼠标事件附加到area标签。这对一张图像很有效:mouseenter和mouseleave仅在输入图像的映射部分时触发。问题是它只适用于顶部图像。对于所有其他人,它不会触发事件,CSS悬停也不起作用,因为它上面还有另一个图像。尽管area不重叠并且map位于图像前面。这是问题的演示:http://markv.nl/stack/imgmap2/ 最佳答案 您可以在所有单独的图像之上放置一个完全

javascript - 我们能否使 JQuery UI 可拖动/可排序以在鼠标右键上工作

我有一个页面,该页面具有绑定(bind)到鼠标左右键的功能,即。鼠标左键可拖动/排序,鼠标右键可自定义上下文菜单。我想做的是切换功能,使上下文菜单在单击鼠标左键时起作用,而JQueryUIDraggable/Sortable在单击鼠标右键时起作用。感谢您的帮助。PS:我可以让自定义上下文菜单在鼠标左键上工作。所以我只需要JQueryUIDraggable/Sortable方面的帮助。谢谢。 最佳答案 实际上,如果不破解jQueryUI代码是不可能的。我不知道你为什么要使用这种行为,因为这会让你的最终用户感到困惑,但这里有一个可能的解

javascript - VueJS获取鼠标坐标的方法

我有一个用v-on:click="someMethod"触发的组件。如何获取这次点击的鼠标坐标(X,Y)?附加信息:HTML5Canvas组件 最佳答案 Vue将event作为方法中的第一个参数传递。如果是参数,请改用它:someMethod(param1,param2,event)methods:{someMethod(event){//clientX/YgivesthecoordinatesrelativetotheviewportinCSSpixels.console.log(event.clientX);console.lo

javascript - 如何处理 Kendo UI Grid 行双击事件

我的MVC应用程序中有一个可选的KendoUI网格。我想在用户双击网格时执行某些操作。我没有看到网格的双击事件。没有暴露的情况下如何处理双击事件? 最佳答案 使用标准的双击事件。第一次点击会选中网格行,为其添加一个.k-state-selected类,第二次点击会触发双击事件。$("#yourgridname").on("dblclick","tr.k-state-selected",function(){//insertcodehere}); 关于javascript-如何处理Kend

javascript - 从鼠标位置获取 map 经纬度

我正在尝试将鼠标在谷歌地图上的位置转换为LatLng对象。我看到很多关于通过谷歌地图“点击”事件等获取位置的帖子,如下所示:google.maps.event.addListener(map,'click',function(event){mouseLocation=event.latLng;});但是,这对我的目的不起作用,因为我不是在响应map事件,而是在响应“tapHold”事件。在tapHold事件中,我想获取当前鼠标位置的纬度和经度。实际上,除了tapHold事件之外,我还可以看到像这样的函数在很多方面都很有用。我可以想到一些hack,比如动态创建一个鼠标悬停事件,然后只让它

拖动时的javascript鼠标悬停

我正在尝试实现拖放脚本,但遇到了一个问题。当您拿起一个项目并开始拖动它时-该项目就在您的光标正下方并且onmouseover事件很少会在下面的项目上触发。但是我希望其他项目在我将某些东西拖到它们上面时突出显示。解决方案之一是根本不拖动任何东西-这样鼠标事件就可以工作,但看起来很难看。有没有人做过这样的事情并且知道如何克服这个问题?如果您正在考虑推荐一些JQuery插件或类似的东西-请不要。我不需要完整的解决方案,这是有教育意义的。 最佳答案 IMO,为了让mouseover事件频繁触发,将mouseover事件绑定(bind)到所有

javascript - 滚动时未触发鼠标悬停/鼠标输入

这个问题在这里已经有了答案:HowcanImakepagescrollingtriggermouseoverevents?(3个答案)关闭3年前。我有一款精美的Apple鼠标,可以检测“滑动”和“滚动”等手指Action。将光标固定在屏幕上,但用我的手指向下滚动我的页面,光标(虽然是固定的)自然地移动到不同的元素上,因为元素在移动它们自己。我的问题是,当这样做时,当鼠标光标直接位于它们上方时,不会调用适当的mouseover/mouseenter回调。我该如何解决这个问题?

javascript - 如何让 JqueryUI Sortable 与缩放/缩放一起工作 - 鼠标移动

我正在尝试让JqueryUISortable与缩放一起工作。问题是鼠标的移动速度与您拖动的元素不同。有很多关于如何使用Draggable进行此操作的示例。以下是可拖动项的解决方法示例:http://jsfiddle.net/TqUeS/660/varzoom=$('#canvas').css('zoom');varcanvasHeight=$('#canvas').height();varcanvasWidth=$('#canvas').width();$('.dragme').draggable({drag:function(evt,ui){//zoomfixui.position.

javascript - d3.js力向图中是否有点击和双击事件

我正在使用d3.js研究力导向图。我需要处理移动设备节点上的点击和双击事件。鼠标悬停和单击功能需要在d3.js中复制为点击和双击。我已经设法使触摸事件正常工作,但不知道如何在移动设备中捕获双击事件。 最佳答案 D3有touchesevent并使用它您可以从事件处理程序内部获取触摸位置坐标,但这不会为您提供任何特殊处理或帮助识别长按和双击。您可以自己添加对长按和双击的支持。对于长按,请看这个例子:LongPressinJavaScript?如果您使用的是jQuery,可以使用像这样的doubletap插件:jQuerydoubleta

javascript - CSS 网格布局 - 如何使用 javascript 计算出鼠标所在的网格单元格?

“css网格布局”=https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout有谁知道用javascript来计算鼠标当前所在的列/行?我猜这样的事情是获取鼠标所在单元格的开始,但这只对大小相等的网格有用。MouseGridColumn=round(mouseX/(gridContainerWidth/gridTotalColumnsNumber))MouseGridRow=round(mouseY/(gridContainerHeight/gridTotalRowsNumber))有没有办法对不相等的单元格执行此操