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

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

本文关键字：选择器 not dojo on 事件      更新时间：2023-09-26

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

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

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

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

不幸的是，似乎 ：in ：not 混淆了道场并且它不起作用。

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

感谢您的任何建议

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

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

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

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

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

相关文章：