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

Question

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

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

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

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

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

如果真是这样，那么当（且仅当）节点没有 .disabled class 时，我如何轻松地告诉 dojo 调用处理程序？我宁愿不必在处理程序本身中检查它，因为这意味着我们必须在数十个处理程序中添加代码（相同的代码）。

感谢任何建议

编辑：我发现这个解决方法基于另一个线程，您可以在其中捕获对所有 div 元素的点击，然后如果禁用 [=] 则停止传播=32=]。所以它是所有按钮处理程序的单点维护。

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

Answer 1

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

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

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

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

How to use :not in the selector for a dojo.on event name?

javascript

dojo