草庐IT

鼠标双击

全部标签

javascript - 如何检测设备是否支持鼠标?

我目前使用以下测试(从Modernizr中取出)来检测触摸支持:functionis_touch_device(){varbool;if(('ontouchstart'inwindow)||window.DocumentTouch&&documentinstanceofDocumentTouch){bool=true;}else{injectElementWithStyles(['@media(',prefixes.join('touch-enabled),('),mod,')','{#modernizr{top:9px;position:absolute}}'].join(''),f

javascript - 是否可以让鼠标事件通过 Canvas 层?

我有一个图像网格和它上面的Canvas层,我想在用户滚动网格中的缩略图图像时在Canvas标签上做一些动画,所以我想知道是否可以让鼠标事件通过Canvas层? 最佳答案 在Canvas上试试这个css属性:pointer-events:nonehttp://dev.w3.org/csswg/css3-ui/#pointer-events它旨在阻止元素接收任何鼠标事件。Mozilla似乎相信事件会像您希望的那样传递到它背后的元素。https://developer.mozilla.org/en/CSS/pointer-events看起

javascript - jquery:如果在 div 内或不在 div 内,则单击鼠标

我有这个HTML页面abcdefa,b,c,d,e和f也可以是div而不仅仅是纯文本。我想获取鼠标点击事件,但我怎么知道它是在#in_or_outdiv内部还是外部?EDIT::伙计们,我知道如何检查div是否被点击,但我希望当点击在该div之外时触发我的事件 最佳答案 $("body>div").click(function(){if($(this).attr("id")=="in_or_out"){//inside}else{//notinside}});编辑:刚刚了解到,有一个否定:$("body>div:not(#in_or

javascript - 触摸设备、单击和双击事件处理程序 jQuery/Javascript?

背景:我的网站采用magento开源电子商务解决方案,在顶部(标题)它有一个购物车图标。在桌面上,当用户将鼠标悬停在该图标上时,它会显示购物车中的内容(项目)。但是在点击该图标时,它会将用户带到购物车页面。我要:我希望只针对触摸设备,当用户单击图标时,它应该只显示内容,但是当双击图标时,它应该将他们带到购物车页面。HTML代码: MyBag(1)$28 div-->我已经尝试过的:jQuery(function($){/*Codetodetecttheuseragent,ifmobiledevicethenexecutethecode*/if(/Android|we

javascript - 是否可以通过鼠标单击 <input type=text> 元素来 dispatchEvent()?

基本上,我尝试使用以下代码将自定义的鼠标单击事件分派(dispatch)到文本输入元素(参见jsFiddle):functionsimulateClick(id){varclickEvent=document.createEvent("MouseEvents");clickEvent.initMouseEvent("click",true,true,window,1,0,0,0,0,false,false,false,false,0,null);varelement=document.getElementById(id);element.dispatchEvent(clickEvent

javascript - 如何使用 Jquery/Javascript 检测鼠标右键单击 + 删除

我想跟踪html文本输入上的鼠标右键单击+删除事件。我成功映射鼠标右键+粘贴/剪切/复制如下图$("#evalname").bind('paste/cut/copy',function(e){dosomething});这里'evalname'是我的html文本输入的ID。我试过了$("#evalname").bind('delete',function(e){dosomething});但不工作。有什么方法可以在Jquery/Javascript中映射RightMouseClick+Delete事件吗? 最佳答案 正如已经回答的那

javascript - 通过固定内容传递鼠标滚轮事件

理解这一点的最好方法是查看thisfiddle.请注意鼠标滚轮在红色框中的固定内容上是如何不起作用的。我希望可滚动的div能够滚动。万一fiddle死了-基本上我有一个可滚动的div,上面有一个固定元素。通常,当您将鼠标滚到可滚动的div上时,它当然会滚动。但是,如果您在固定元素上,则不会发生滚动。根据您的网站布局,这对用户来说可能有违直觉。jQuery解决方案没问题。 最佳答案 一个简单得多,但得到广泛支持的答案如下:#fixed{pointer-events:none;}jsFiddle不幸的是,在IE中根本不起作用!但是您可以

javascript - 使用 knockout.js 防止双击按钮

禁用按钮的最佳方法是什么,这样knockout.js就不会发生双击。我有一些用户快速点击导致多个ajax请求。我认为knockout.js可以通过多种方式处理这个问题,并希望看到一些替代方案。 最佳答案 使用信号量(自旋锁)。基本上,您计算元素已注册的点击次数,如果超过1次,则返回false并且不允许后续点击。超时功能可用于清除锁定,以便他们可以在5秒后再次点击。您可以修改http://knockoutjs.com/documentation/click-binding.html中的示例如图所示:You'veclickedtimes

按住鼠标时JavaScript重复 Action

是否有一个JavaScript函数每隔这么多毫秒重复一次html按钮被按住?如果这可以用标准的JavaScript来完成,那就太好了,但是使用jQuery或jQuery插件也会很棒。 最佳答案 关于mousedown()事件,此代码启动一个重复计时器(在此示例中每500毫秒),一旦mouseup()被取消事件发生。这应该适应你想要的:varintervalId;$("#button").mousedown(function(){intervalId=setInterval(do_something,500);}).mouseup(f

javascript - jQuery 连续鼠标按下

我有以下代码片段$(document).mousedown(function(event){doSomething();}我可以成功捕获mousedown事件。我正在尝试执行以下操作:捕获第一个mousedown事件我想检测用户是否仍在按住鼠标,以便我可以做其他事情。 最佳答案 有点像varmouseStillDown=false;$(document).mousedown(function(event){mouseStillDown=true;doSomething();});functiondoSomething(){if(!m