javascript - 如何在事件名称上使用 :not in the selector for a dojo.？

Question

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

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

我想我可以通过将类名添加到我的点击事件选择器中来解决这个问题，如下所示:

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

不幸的是，:not中的:似乎混淆了dojo并且它不起作用。

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

感谢您的建议

编辑:我发现此解决方法基于另一个线程，您可以在其中捕获所有 div 元素的点击，然后在具有禁用类的情况下停止传播。因此，它是所有按钮处理程序的单点维护。

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

Answer 1

dojo/on 使用 : 作为事件委托(delegate)的选择器和事件名称之间的分隔符，因此 :not 可能会造成混淆。但是，您可以使用 on.selector 自行构造自定义事件类型(当第二个参数是 选择器时，这通常是 on 自动为您执行的操作:类型字符串):

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

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