如何防止右键单击取消选择 Kendo-UI 中的标记

Question

legendItemClick剑道功能中如何区分左右点击？

我有一个包含时间序列数据图表的应用程序。该图表包含几个标记，每当我将鼠标悬停在图例上时，这些标记就会突出显示。当我单击图例中的标记时，它们不再在图表中突出显示。点击事件被触发，剑道的legendItemClick 函数被调用。但是，当我右键单击图例项时，会出现一个上下文菜单，但对 legendItemClick 的调用仍被注册，因此图表中的标记被取消选择。

有没有办法防止在鼠标右键单击事件上调用 legendItemClick？如果没有，那么有没有办法在legendItemClick函数中区分鼠标左键和右键？

这里是我正在使用的函数的引用：https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/events/legenditemclick

我尝试搜索 e.keyCode，但它不是属性。

Answer 1

不幸的是 kendo api 不提供原始事件。

一种方法是在原始事件冒泡之前捕获并保存它：

document.addEventListener("mousedown", saveMouseDown, true);

function saveMouseDown(ev) {
    $scope.mouseDownEvent = ev;
}

$scope.$on("$destroy", function () {
    document.removeEventListener(saveMouseDown);
});

addEventListener 方法的第三个参数指定“捕获”模式。

有关详细信息，请参阅

• MDN Web Api Reference - addEventListener