草庐IT

鼠标错位

全部标签

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 - 是否可以通过鼠标单击 <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重复 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

javascript - 鼠标悬停/悬停效果在 IE8 上变慢

当在多行(本例中为100)的表上使用鼠标悬停事件时,我注意到IE8中的一个奇怪的性能问题。我尝试了很多不同的方法,但我似乎无法找到任何方法来按照我喜欢/需要的速度获得它。如果我在每个事件上切换类,所有IE版本的性能都会下降,如果我通过javascript直接操作CSS,IE6和IE7会加速很多,但IE8仍然表现不佳。有什么想法吗?我真的很想知道是什么导致鼠标悬停事件与所有其他浏览器相比执行得如此缓慢。如果这只发生在IE6上我可以理解并让它过去,但是当最新版本的浏览器是最慢的浏览器时,只会有越来越多的用户体验不佳。使用JQuery悬停的示例:http://thedungheap.net/

javascript - 悬停时检查鼠标按钮是否按下?

我有一个用户在网站上与之交互的方框网格。如果他们单击一个框,它会改变颜色。有很多盒子,我希望它不那么乏味,所以如果功能是这样会很好:如果鼠标按钮按下并且您将鼠标悬停在盒子上,它会改变状态。有什么想法吗? 最佳答案 您可以使用buttons传递给悬停回调的事件属性,以检查触发事件时按下了哪些鼠标按钮。例如,当用鼠标输入一个元素时,要检测左键是否被按下,你可以使用:myElement.addEventListener("mouseover",function(e){if(e.buttons==1||e.buttons==3){//dos

Javascript - 使用鼠标滚轮平滑视差滚动

我有一个应用视差效果的页面。这是使用translate3d完成的。现在,虽然这很有效,但我想知道如何在使用鼠标滚轮滚动时覆盖默认的“步骤”?如果我用滚动条滚动,一切都很好。但使用鼠标滚轮时,一切都是跳跃的。我正在以一种非常直接的方式进行此操作:varprefix=Modernizr.prefixed('transform');$window.on('scroll',function(){varscroll_top=$window.scrollTop();if(scroll_top现在,我看到了这个网站,它的滚动非常流畅,还有一个带有台阶的鼠标滚轮。我试过查看代码,他使用的似乎是requ