草庐IT

屏蔽点击事件

全部标签

javascript - 指针事件 : none VML raphael solution

我已经使用jQuery在Raphael元素上实现了pointer-events:none,如下所示:varraphaelElement=Raphael.ellipse(x,y,w,h);$(raphaelElement.node).css({'pointer-events':'none'});这工作正常,但当然在IE8中,Raphael使用VML而不是SVG,并且此解决方案失败。有没有人有其他解决方案来使Raphael元素忽略事件。 最佳答案 在IE8(及更早版本)上实现此功能的唯一方法是实际捕获事件,并在事件处理程序中:隐藏元素(

javascript - IE8事件坐标

我似乎找不到在IE8中获取事件坐标的方法,它只会触发诸如“pageXundefined”、“clientXundefined”等错误。虽然它在其他浏览器中工作正常。这就是我想要做的:document.onmousemove=setcoord;functionsetcoord(e){varxxcoord=e.pageX||(e.clientX+document.body.scrollLeft);varyycoord=e.pageY||(e.clientY+document.body.scrollTop);}是否有任何解决方法来获取该鼠标位置? 最佳答案

javascript - Backbone.js - 自定义收集事件

我正在尝试为View绑定(bind)实现自定义集合事件。在我看来,我想做这样的事情:this.collection.on('available',this.available);并以某种方式在我的集合中触发此方法。假设我的集合中有一个方法可以设置特定的模型属性(可用),那么我如何才能触发绑定(bind)到该方法的所有View?这是否可能,并且能够将有问题的模型传递给View进行更新。提前感谢您的帮助,非常感谢:) 最佳答案 向Backbone添加新事件非常简单。您只需在要触发事件的对象上调用trigger方法。例如,假设您在集合的一

javascript - Chosen - 在 Chosen 应用于选择后绑定(bind)到更改事件

我目前正在使用jQueryChosen插件,并且运行良好。目前,我可以像这样绑定(bind)到Chosen的更改事件:$('#the_selector').chosen().change(...);这很好用。然而,我遇到过这样一种情况,在Chosen已经应用到select之后我需要绑定(bind)到change事件。有办法做到这一点吗? 最佳答案 我能够使用以下方式绑定(bind)到事件:$('#the_selector').on('change',function(){Dostuff});

javascript - Knockout.js:当父 li 元素具有点击绑定(bind)时,子 a 标签不起作用

我有一个菜单,每个项目切换它自己的子菜单,这里是示例代码。如您所见,子菜单项是一个链接到google.co.nz的标签MainmenuitemSubmenuitemvarmenuModel=function(){varself=this;self.selected=ko.observable(0);self.showMenu=function(data){vars=self.selected();if(s>0&&data==s)self.selected(0);elseself.selected(data);};}ko.applyBindings(newmenuModel(),docu

javascript - 如何在 DOM 中的克隆/插入元素上触发事件?

我无法在我克隆/插入到DOM的元素上触发事件。检查fiddlehere.HTML:[THISISDIVA]CLICKTOCLONEDIVAjQuery:$('.A').on("click",null,function(){alert('DIVACLICK');});$('.B').on("click",null,function(){$('.A').clone().insertAfter('.A');});如果我点击一个克隆的DIVA,没有任何反应。如何在克隆的元素上触发事件? 最佳答案 我提出了两个解决方案。首先,在这种情况下更好

javascript - 鼠标悬停期间附加的跨度上的单击事件未触发

我将span附加到mouseover上的div,我只想触发对嵌套span的点击。感觉我已经尝试了所有的运气。http://jsfiddle.net/NHHSX/1/我找到了几个类似的,但不幸的是它们也没有成功。 最佳答案 将mouseover更改为mouseenter并使用事件委托(delegate)$('.container').on('mouseenter',function(e){$(this).append('Iwantthistobeclickable..');}).on('mouseleave',function(e){

javascript - Google Analytics 事件已取消

将GoogleAnalytics事件跟踪附加到页面上的超链接存在严重问题(如文档中所示)。例子:Example!当用户在GoogleChrome浏览器中点击这样的链接时,GA开始向服务器发送请求(事件跟踪),但浏览器也开始加载另一个页面(跟随链接)并且GA请求是被“取消”,所以事件没有到达GA服务器,也没有显示在统计信息中。我们该如何应对?例如,我们可以在事件到达GA服务器时延迟到链接页面的导航,但是如果GA请求是异步的并且我们在文档中找不到任何回调功能,我们如何才能做到这一点。有没有办法在执行推送命令时得到通知? 最佳答案 使用a

javascript - 使用 Hammer.js 的事件委托(delegate)

我如何在Hammer.js中使用纯JavaScript执行jQuery样式的事件委托(delegate)?例如:Hammer(document).on('tap','.item',function(){console.log('tapped')})这是直接可行的还是我必须自己进行授权? 最佳答案 受Jools回答的启发,这就是我的想法。我没有考虑纯JS解决方案——事实上,这是为与Backbone.View一起使用而设计的,但很容易适应其他情况。当它到达View的根元素(this.el)时,它将停止攀登节点树。从HammerJS事件标

javascript - 重叠 SVG 元素上的鼠标事件

如何处理重叠svg元素上的点击事件?我正在使用Reaphael.js库。问题是topDOM元素正在拦截鼠标事件,即使底部元素没有被任何绘图重叠。我的问题是如何使我的示例中的两个圆圈都可点击并仍然将它们保留在两个svg元素中?这是我的代码:CSS:#container{position:relative;width:200px;height:200px}#container>svg{position:absolute!important;top:0;left:0;}JavaScript:vartopLayer=Raphael('container',200,200);varbottomL