如何使用:不在dojo.on事件名称的选择器中?

时间:2015-01-30 18:05:11

标签: javascript dojo

由于IE10不支持指针事件:无阻止单击具有我的.disabled类的元素,如下所示:

.disabled {
    pointer-events: none !important;
    opacity: 0.4 !important;
    cursor: auto;
}

我想我可以解决这个问题,方法是将类名添加到我的点击事件选择器中,如下所示:

on(node, ':not(.disabled):click', lang.hitch(this, this.myClickHandler));

不幸的是,似乎中的会混淆道场并且它无效。

如果确实如此,那么当(并且仅当)节点没有.disabled类时,我怎么能轻易告诉dojo调用处理程序?我不想在处理程序本身中检查这个,因为这意味着我们必须在几十个处理程序中添加代码(相同的代码)。

感谢您的任何建议

编辑:我发现这个解决方法基于另一个线程,您可以捕获所有div元素的点击,然后停止传播,如果它有禁用的类。所以这是所有按钮处理程序的单点维护。

                query('div').on('click', function(event){
                    if (domClass.contains(event.currentTarget, 'disabled')){ 
                        event.stopImmediatePropagation();
                    }
                });

1 个答案:

答案 0 :(得分:1)

dojo/on使用:作为事件委派的选择器和事件名称之间的分隔符,因此:not可能会让人感到困惑。但是,您可以使用on.selector自己构建自定义事件类型(这通常是on在第二个参数为selector:type字符串时自动为您执行的操作:

on(node, on.selector(':not(.disabled)', 'click'), ...);

工作示例:http://jsfiddle.net/yLqhok8t/