在启用触摸的 Windows 笔记本电脑上的浏览器中的 SVG 元素上不会触发点击事件

Question

我有一个使用 AngularJS(1.3) 和 Kendo-UI(2016.1.112) 和 jquery (2.1.4) 实现的流程图。流程图中的每个形状都有一个关联的点击事件，这会打开一个弹出窗口

一切都按预期工作，但在支持触摸的 Windows 笔记本电脑上，弹出窗口没有打开（点击事件永远不会传递），控制台中没有错误。最有可能的是，触摸事件干扰了点击事件。

一种解决方法是禁用机器上的触摸输入，从而解决问题。

在 HTML 中：

    <div kendo-diagram k-options="vm.options" k-data-source="vm.shapes" k-connections-data-source="vm.connections"
        ng-style="{'height': vm.height, 'width': vm.width}"></div>

我有形状和连接的对象列表。

在控制器中：

var clicked = function (e) {
        alert("Hi");
        //...
};

vm.options = {
    shapeDefaults: {
        editable: false,
        visual: visualTemplate
    },
    click: clicked,
    pannable: false,
    dataBound: onDataBound,
    editable: false,
    zoom: 0.75,
    zoomStart: function (e) {
        e.preventDefault();
    },
    drag: function (e) {
        e.preventDefault();
    },
    connectionDefaults: {
        stroke: {
            color: "Black",
            width: 6
        },
        selectable: false,
        editable: false,
        endCap: {
            type: "ArrowEnd",
            stroke: {
                color: "Black",
                width: 6
            }
        }
    },
    layout: {
        type: "layered",
        subtype: "right",
        layerSeparation: 100,
        grid: {
            offsetX: 400,
            offsetY: 100
        }
    }
};

Answer 1

这是旧 Kendo UI 版本 (2016.1.112) 的问题。升级到 2016.2.504 后工作。