草庐IT

event-propagation

全部标签

javascript - 快速 jQuery 问题 : Stopping event propagation?

我有一组响应mouseUp事件的元素,在它们内部还有响应mouseUp事件的子元素(全部通过.jQuery)。当用户鼠标单击导致child的mouseUp事件发生时,child的parent的mouseUp事件不会在jQuery中发生,我该如何做到这一点? 最佳答案 你想要event.stopPropagation() 关于javascript-快速jQuery问题:Stoppingeventpropagation?,我们在StackOverflow上找到一个类似的问题:

javascript - D3 : How do I set "click" event and "dbclick" event at the same time?

我已经将点击事件切换到一个节点,我还想将dbclick事件切换到它。但是,它只会在我点击它时触发点击事件。那么如何同时设置两个事件呢? 最佳答案 您必须进行“自己的”双击检测类似的东西可以工作:varclickedOnce=false;vartimer;$("#test").bind("click",function(){if(clickedOnce){run_on_double_click();}else{timer=setTimeout(function(){run_on_simple_click(parameter);},15

javascript - 传单 : Firing an event when bounds change

我正在使用leaflet开发一个新的应用程序。您可以对应用程序有所了解here.我想在map边界发生变化时触发一个事件。我查看了文档,但找不到与此相关的任何内容。我找到了getBounds()方法,以及可能的列表eventmethods,但没有结合两者。我看到的唯一另一种可能性是检查鼠标拖动和滚动事件并每次都检查边界。但我希望有更好的事情要做。你有更好的主意吗?谢谢! 最佳答案 每次移动map(通过平移或缩放)时,map边界都会更新。所以你可以为你的目的使用moveend事件map.on('moveend',function(e){

javascript - Angular 模块 : event bus or mediator pattern/service 中的全局通信

到目前为止,我已经看到了很多问题的解决方案。当然,最简单的方法是在$rootScope中$emit事件作为事件总线,例如(https://github.com/btilford/anti-patterns/blob/master/angular/Angular.md)angular.module('myModule').directive('directiveA',function($rootScope){return{link:function($scope,$element){$element.on('click',function(event){$rootScope.$emit(

javascript - jQuery event.target is_a_child_of(元素)

给定element,一个包含JavaScript对象/DOM元素的变量,我如何确定event.target是否是element中的一个元素>还是不是?function(event){//assumethatvarelementexistsinthisscopeif(event.target==a_child_of(element))//dosomething}如果element是myDiv,则发生在内部div或输入上的事件,或可能存在于myDiv中的任何其他元素应该使语句评估为真。我想象我可以使用递归函数构建子元素数组,然后检查event.target是否在数组中,但我想先看看是否有更

javascript - 谷歌地图 API v3 : Click events not triggered in firefox for custom marker

已经创建了一个map,我正在尝试使其具有类似于“我的map”的功能。我在右侧有两个下拉列表,根据这些ddl中的选择,您可以添加自定义标记/图标。您选择标记类型,然后单击map右上角的“+”按钮,然后单击要添加标记的位置。我的问题是,这在IE、Safari和Chrome中运行良好,但在Firefox中却不行。点击事件似乎没有触发。这是map的位置:https://ait.saultcollege.ca/Michael.Armstrong/Index.html用于在右上角添加标记的按钮有一个指向我的“placeMarker()”函数的onclick事件。这是placeMarker()、cr

javascript - EventSource 的响应有一个 MIME 类型 ("text/plain") 而不是 "text/event-stream"

EventSource的响应具有不是“text/event-stream”的MIME类型(“text/plain”)。中止连接。为什么从javascript向servlet发送请求时会出现此错误? 最佳答案 发送前需要设置消息头:response.writeHead(200,{'Content-Type':'text/event-stream','Cache-Control':'no-cache','Connection':'keep-alive'});您可以关注这篇文章了解更多信息:https://www.html5rocks.c

javascript - Chrome : "open link in new tab" not firing the click event?

我正在开发一个Chrome扩展程序,它在时执行某些操作在网页中点击标签。下面是一些示例代码:HTML:FooBarJavascript:varmyTd=document.getElementById("mytest");myTd.addEventListener("click",function(){localStorage["foobar"]=1;});当我点击链接时,localStorage键已设置,如果我用鼠标中键单击它,它也会设置键(并在新选项卡中打开链接)。问题是当我使用右键单击并“在新选项卡中打开链接”时。在这种情况下,点击事件似乎没有被触发,因此localStoragek

javascript - 警告 : Added non-passive event listener to a scroll-blocking 'touchstart' event

这个问题在这里已经有了答案:Whatarepassiveeventlisteners?(1个回答)关闭4年前。我在chrome中打开应用程序时收到一个奇怪的警告。我不知道如何摆脱这个警告[Violation]Addednon-passiveeventlistenertoascroll-blocking'mousewheel'event.Considermarkingeventhandleras'passive'tomakethepagemoreresponsive.任何人都可以帮我穿上这个。提前致谢

events - 手势识别 JavaScript 库

我正在开发一个移动网站,并希望为该网站的一些关键功能添加手势识别。是否有合适的javascript库允许我绘制手势并将手势识别为可以连接到事件调用的标记?作为Dolphin中此类功能的示例,请参阅这些链接;还有视频:http://www.youtube.com/watch?v=k73ipSDZJXM 最佳答案 这是一个:http://taitems.tumblr.com/post/2785024873/javascript-gesture-recognition-for-touch-screens并且:https://github.