javascript - Kendo UI 上下文菜单提到排除过滤器中的元素

Question

我在 Kendo UI Grid 中使用 Kendo UI 上下文菜单(JavaScript 而非 MVC)。它提供了一个 filter当用户选择一行网格时，我使用它打开上下文菜单的属性。现在我需要使用我已经完成的模板在网格单元格中添加一个链接，但是在单击该链接时我需要一个 JavaScript 函数来运行而不是打开上下文菜单。下面是显示行和蓝色链接的片段，它不是调用 JavaScript 函数而是打开上下文菜单。上下文菜单设置为在左键单击而不是右键单击时打开，因为客户希望它在 iPad 上是这样的。

如果单击该链接，是否仍然可以绕过上下文菜单打开，最好是在提及上下文菜单的过滤器属性时排除链接或 anchor 标记。我提到过这样的菜单:

$("#menu").kendoContextMenu({
 showOn: "click",
 orientation: "vertical",
 target: "#mainGrid",
 filter: "td[role='gridcell']",
});

Answer 1

点击本身首先发生在 anchor 元素中，然后它传播到调用菜单的td元素。所以你可以阻止事件触发 a 事件中的 td:

$("#mainGrid").on("click", "a", function(e) {
    e.stopPropagation();
}); 

stopPropagation() 将保留 anchor 作业，但会阻止 anchor 上方的其他元素触发它们的事件。此代码适用于您网格中的任何 anchor 。

Demo