jjzjj

mouseevent

全部标签

javascript - 如何确定 onmousemove 事件的方向?

例如,在某些情况下,我想在鼠标按下时取消onmousemove事件。是否可以确定onmousemove事件的方向?jQ或JS都可以。我有拖放元素。用户向上拖动元素。例如,如果元素的底部到达文档中的某个位置(即距文档顶部500px),onmousemove将停止。如果用户再次尝试向上拖动元素,该功能将不会启动。此元素只能向下拖动。所以我认为通过捕捉mousemove事件的方向可以很容易地做到这一点。但是好像没有这样的标准属性。 最佳答案 您可以保存最后一个mousemove事件的位置以与当前位置进行比较://setupavariabl

javascript - 当您使用 Javascript 单击或停止悬停时,如何使 CSS 悬停内容保持原样?

我有一个要实现的body系统功能。当用户将鼠标悬停在body​​部位时,它会突出显示并显示有关该特定body部位的信息。我已经按照我想要的方式对CSS进行了编码,但是我对JavaScript一无所知无法在单击正文部分或鼠标离开悬停状态时让信息保持不变。p>我搜索了论坛并发现了类似的问题,并花了几个小时试图从其他人的javascript解决方案中找出这个问题-我正处于需要寻求帮助的地步。这是我根据我想要的效果制作的Flash原型(prototype):http://inwavemedia.com/temp/proto/Main.html如果你想看看我现在有什么,这里是实时HTML:htt

javascript - Vue.js 处理多次点击事件

我有一个列表,想为列表中的每一项处理一个点击事件{{item}}脚本是...methods:{select(item){console.log('Select',item)}}当有大约10个项目时,这很有效。但是,当有大约1000个项目时,性能会变得很慢,因为我为1000个项目附加了1000个事件。解决方案是只为列表附加一个点击事件并使用event.target{{item}}在函数select中,如何获取每个item对应的item? 最佳答案 你可以使用{{item}}然后在您的选择中:select($event){console

javascript - 当鼠标停止移动时执行 Jquery

我有一个快速脚本,它有一条跟随光标的轨迹:jQuery(document).ready(function(){$(document).mousemove(function(e){$('.fall').each(function(){if($(this).css("opacity")==0){$(this).remove();};});t=(e.pageY-10).toString()+'px';l=(e.pageX-10).toString()+'px';$('.fall').css("margin_left",l);$('.fall').css("margin_top",t);var

javascript - 为什么 mouseup 事件不能阻止点击事件

jsfiddleClickmefunctionh(e){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();alert(e.type);returnfalse;}document.querySelector('.wrapper').addEventListener('mouseup',h,false);document.querySelector('.child').addEventListener('click',h,false);我希望这可以防止触发“点击”事件,但事实并非如此。但是,将mouseu

javascript - 为什么在某些情况下单击鼠标中键不会触发 'click'?

这是一个JSFiddle我所看到的行为,与Chrome和FF中的中键点击和click事件有关。“点击”有点管用方法1:将click处理程序直接绑定(bind)到a元素,中间单击将在Chrome中触发处理程序,但在FF.$('diva').on('click',function(ev){//middleclicktriggersthishandler});方法2:将委托(delegate)的click处理程序绑定(bind)到包含一个或多个a的div。在Chrome或FF中单击鼠标中键不会触发此处理程序。$('div').on('click','a',function(ev){//mid

javascript - 网站如何最终破坏中键点击功能?

默认情况下,单击鼠标中键会在新标签页中打开一个链接。一些网站最终破坏了这个功能。中键单击最终与左键单击相同。为什么会这样?是因为他们为点击事件编程功能,并错误地将其应用于所有点击而不是仅左键点击吗?问题是否通过显式赋予中键单击行为来解决?还是让现有的点击行为代码适用范围更窄? 最佳答案 概述:在WebKit浏览器中很容易无意中阻止中键点击功能。在Chrome、Safari和现代Opera等WebKit浏览器中,中键单击链接会触发可预防的click事件。此行为不同于Firefox和IE,在Firefox和IE中,中键单击链接不会触发c

javascript - JavaScript MouseEvent 中的 e.metaKey 指的是哪个键?

MouseEvent.metaKey似乎不起作用。在FireFox和Chrome上,即使我在单击时按住Win键,它也会返回false:clickwhileholding"metakey"MDNstates:TheMouseEvent.metaKeyread-onlypropertyreturningaBooleanthatindicatesiftheMetakeywaspressed(true)ornot(false)whentheeventoccured.Note:OnMacintoshkeyboards,thisisthecommandkey(⌘).OnWindowskeyboar

javascript - 移动事件元素在 Internet Explorer 中丢失 mouseout 事件

在我使用的库中,我的任务是在鼠标悬停时将元素移动到dom的前面。(我把它放大了,所以我需要看到它,然后在鼠标移开时将它缩小)。我正在使用的库有一个巧妙的解决方案,它在事件元素上使用appendChildren将其移动到其父元素的末尾,从而更靠近dom的末尾并依次移至顶部。问题是我相信因为您正在移动的元素是您悬停在mouseout事件上的元素。您的鼠标仍在节点上,但未触发mouseout事件。我已经剥离了功能以确认问题。它在Firefox中工作正常,但在任何版本的IE中都没有。我在这里使用jQuery来提高速度。解决方案可以使用普通的旧Javascript,这是首选,因为它可能需要返回上

javascript - 停止从单击处理程序传播 mousedown/mouseup

Here'saDEMO.我有两个div,一个内部和一个外部:通过一些CSS,您可以看出哪个是哪个:#outer{width:250px;height:250px;padding:50px;background:yellow;}#inner{width:250px;height:250px;background:blue;}我尝试停止从click处理程序中传播mousedown和mouseup事件,如下所示:$('#inner').on('click',function(e){e.stopPropagation();$(this).css({'background':'green'});