javascript - 在 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/