草庐IT

鼠标操作

全部标签

javascript - Fabricjs 检测鼠标悬停在对象路径上

只有当鼠标在形状本身上而不是包含它的假想正方形上时,才可以在Fabric.js中捕获object:over吗?我有一个jsFiddledemo,其中包含一个U形。您可以看到,即使我将指针放在U内并且没有接触任何线条,它仍然会将其检测为object:over事件。Javascript:varcanvas=newfabric.Canvas("c1",{isDrawingMode:false});canvas.loadFromJSON(objectsJson,function(){canvas.renderAll();});canvas.on("object:over",function()

javascript - 禁用预测滚动 - 鼠标滚轮 (OnScroll) 事件触发过于频繁(触摸板)

我正在执行JavascriptonScroll。我的代码适用于任何普通计算机鼠标,但是当我使用笔记本的触摸板时,我遇到以下情况:当手指移动滚轮时,我的鼠标会触发(大约1到8次)mousewheel事件。我的触摸板触发了更多(~60)个mousewheel事件,同时两根手指触摸触摸板并在我的手指再次悬空后继续触发。我知道移动触摸设备的这种行为。该功能称为“预测触摸”-如果您的手指移动在抬起之前有足够的加速度,则滚动会继续。我认为触摸板驱动程序正在设置这种“平滑滚动”行为。为了调试这种情况,我使用了以下代码:/*HandleMouse-WheelScrolling*/varlastChan

javascript - setTimeout、jQuery 操作、transitionend 随机执行/触发

编辑:所以现在它不是随机的,看起来它总是无法从.css()方法执行(未进行任何更改)。仍然不要理解我可能犯的错误。我正在尝试使用jQuery和animate.css为删除一个div设置动画。问题是这个动画依赖于随机执行的事件和操作。此代码在.on("click"...处理程序中响应click运行:$('section').on('click','button',function(){//Removetheselectedcard$(this).closest('.mdl-card').addClass('animatedzoomOut').one('animationend',func

javascript - 如何在不同操作系统上使用源映射文件

我在生产服务器和开发服务器上都对js文件使用源映射,所以我只是从本地存储加载它。在这种情况下,我在文件末尾使用下一个字符串//#sourceMappingURL=file:////var/www/static/。它指向我本地的商店。但我想在Linux和Windows操作系统上都使用它。所以对于Windows,这个字符串是无效的file:////var/www/static/,我应该使用file:////C:/www/static/。在这种情况下在Linux浏览器上可以得到这个文件。是否有可能使用一些在两种操作系统中都适用的通用引用 最佳答案

javascript - 如何检测滚动条上的鼠标弹起? (或 "scrollEnd"事件)

有人知道如何检测滚动条上的mouseup事件吗?它适用于FF,但不适用于Chrome或IE9。我设置了一个快速演示:http://jsfiddle.net/2EE3P/总体思路是我想检测一个scrollEnd事件。显然没有这样的东西,所以我结合了mouseUp和计时器,但是mouseUp在大多数浏览器中都没有触发!div包含一个项目网格,因此当用户停止滚动时,我想将滚动位置调整到最近的有意义的点,例如最近的单元格的边缘。但是,我不想在滚动过程中自动调整位置。我也很乐意接受任何给我相当于scrollEnd的答案 最佳答案 找到了一个无

javascript - 为什么 Firefox 不将所有鼠标滚轮事件传递到我的 javascript 应用程序?

我正在使用protovis库(http://mbostock.github.com/protovis/)绘制图形。我上传了我正在使用的代码,以防有人想看一下:http://jsfiddle.net/zobel/brEAD/这是我的问题:在Firefox下,当我使用鼠标滚轮放大或缩小时,某些鼠标滚轮事件不是由我的应用程序捕获的,而是由Firefox本身捕获的。结果是我最终得到了缩放和页面滚动的混合。您可以通过缩小Firefox窗口直到滚动条可见来对此进行测试。Opera下不会出现此问题。为什么会发生,我该如何解决?非常感谢。 最佳答案

javascript - 在 Chrome 中拖动时锁定鼠标光标

这与所有其他问题不同。我已经阻止Chrome在拖动时进入文本选择模式。(编辑:我只想锁定图标/外观,不限制位置或移动,仅在mousedown和mouseup之间)我想避免的问题是Chrome在拖动时将光标更改为光标下的任何内容(即-i-beam在文本上方输入控件,在超链接上移交等)。IE和FireFox/Moz支持我在mousedown事件中调用的element.setCapture(),它将那些浏览器“锁定”到该元素,以便鼠标光标停留在该元素的任何光标处......非常好。据我所知,Chrome不支持该功能或类似功能。通过观察文档对象上的mousemove和mouseup事件而不是被

javascript - 加载所有 requirejs 模块后运行操作

页面上有几个模块://module1require(['signalr'],function(s){s.subscribe('myhub1',function(){/*somecode*/});});//module2require(['signalr'],function(s){s.subscribe('myhub2',function(){/*somecode2*/});});还有一个方法应该在调用所有模块(所有订阅都完成)之后调用:require(['signalr'],fuinction(s){s.connect();});可能的解决方案是定义模块并这样写://module1d

javascript - rails 4,当需要 jquery,jquery_ujs 时,link_to 无法使用销毁操作

为什么在application.js文件中需要jquery后销毁操作不兼容?如何在不忽略jquery的情况下使销毁操作再次起作用?帖子索引View:h1Blog-@posts.eachdo|post|h2=link_topost.title,postp=post.contentp=link_to'Edit',edit_post_path(post)p=link_to'Delete',post,data:{confirm:"Areyousure?"},method::deletebrp=link_to'Addanewpost',new_post_path销毁帖子Controller中的A

javascript - 是否可以获得鼠标按钮 4、5 等?

简单地说,有没有什么方法可以在JavaScript中检测额外的鼠标按钮按下?它没有记录在其余的鼠标输入中,所以我猜它不在标准实现中。有什么方法可以启用额外的鼠标按钮吗? 最佳答案 是的,你可以这样做,检查MouseEvent.button,请参见下面的示例,该示例将检测3和4个按钮的点击。Somepointingdevicesprovideorsimulatemorebuttons.Torepresentsuchbuttons,thevaluemustbedoubledforeachsuccessivebutton(inthebin