Jquery 在启用触摸功能的windows笔记本电脑上,浏览器中的SVG元素不会触发单击事件
我用AngularJS(1.3)和KendoUI(2016.1.112)以及jquery(2.1.4)实现了一个流程图。流程图中的每个形状都有一个关联的单击事件,该事件将打开一个弹出窗口 一切正常,但在启用触摸功能的windows笔记本电脑上,弹出窗口不会打开(单击事件从未传递),控制台中没有错误。最可能的问题是触摸事件干扰了点击事件 解决方法之一是禁用机器上的触摸输入,从而解决问题 在HTML中:Jquery 在启用触摸功能的windows笔记本电脑上,浏览器中的SVG元素不会触发单击事件,jquery,angularjs,svg,kendo-ui,Jquery,Angularjs,Svg,Kendo Ui,我用AngularJS(1.3)和KendoUI(2016.1.112)以及jquery(2.1.4)实现了一个流程图。流程图中的每个形状都有一个关联的单击事件,该事件将打开一个弹出窗口 一切正常,但在启用触摸功能的windows笔记本电脑上,弹出窗口不会打开(单击事件从未传递),控制台中没有错误。最可能的问题是触摸事件干扰了点击事件 解决方法之一是禁用机器上的触摸输入,从而解决问题 在HTML中: <div kendo-diagram k-options="vm.options"
<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>
这是旧剑道UI版本(2016.1.112)的问题。升级到2016.2.504后工作。添加事件处理程序的代码将帮助人们回答您的问题!你有没有试过使用这个软件?Sandman我的主要用例是支持点击事件,而不是特别担心支持触摸/点击事件,因为用户主要是桌面用户。都支持!!只是一个更新,还没有找到任何解决问题的方法,但这个问题似乎只发生在微软的surface笔记本电脑上,但可以在其他设备上使用(适用于iPhone/iPad)。
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
}
}
};