在 jQuery 中检测非命名空间事件

Question

我正在尝试仅使用 jQuery 的 on 检测未命名空间的事件。

我尝试在on 的回调中检查命名空间，如下所示，但始终未定义：

$(".selector").on(
    "click",
    function (e) {
        console.log(e.namespace); // Undefined, not "mynamespace"
    }
);

$(".selector").trigger("click.mynamespace");

我还读到您可以将“.$”附加到事件名称以排除任何命名空间，但这似乎只适用于trigger，而不适用于on。即使事件是命名空间的，以下也会运行：

$(".selector").on(
    "click.$",
    function (e) {
        // runs even when triggered with a namespace
    }
);

我不确定从这里去哪里，因为当我记录事件对象时，找不到名称空间。

提前致谢！

Answer 1

尝试通过handleObj访问它。

HTML：

<div class="selector">
  BOX
</div>
<button onclick="clickWithNamespace()">with ns</button>
<button onclick="clickWithoutNamespace()">without ns</button>

JS：

$(".selector").on(
    "click.mynamespace",
    manageClick
);
$(".selector").on(
    "click",
    manageClick
);
function manageClick(event) {
   console.log(event.handleObj.namespace);
   $(".selector").text(event.handleObj.namespace);
}

function clickWithNamespace() {
  $(".selector").trigger("click.mynamespace");
}


function clickWithoutNamespace() {
  $(".selector").trigger("click");
}

https://jsfiddle.net/j52rmxrs/15/