Javascript 不同浏览器和设备的鼠标和触摸事件
我在页面中有div元素,并绑定了以下事件 / 触摸div并继续移动时,div必须根据我手指在页面上的位置移动。这在firefox、chrome、safari中运行良好,但在IE浏览器中不起作用(使用鼠标拖动div是有效的,通过触摸它是无效的) 我在所有鼠标处理程序中都使用了以下代码:例如Javascript 不同浏览器和设备的鼠标和触摸事件,javascript,jquery,touch,Javascript,Jquery,Touch,我在页面中有div元素,并绑定了以下事件 / 触摸div并继续移动时,div必须根据我手指在页面上的位置移动。这在firefox、chrome、safari中运行良好,但在IE浏览器中不起作用(使用鼠标拖动div是有效的,通过触摸它是无效的) 我在所有鼠标处理程序中都使用了以下代码:例如 chartMouseMove: function (e) { e.stopPropagation(); e.preventDefault(); e.returnV
chartMouseMove: function (e) {
e.stopPropagation();
e.preventDefault();
e.returnValue = false;
e.cancelBubble = true;
}
使用触摸支持移动div时,整个页面在IE浏览器中上下移动,默认操作正在进行,我是否错过了IE浏览器的任何内容
请解释如何为各种浏览器和设备(移动|平板电脑| android)处理触摸和鼠标事件
提前感谢您是否尝试添加
-ms touch action
样式
为了提高触摸交互的性能,现在需要它
将CSS属性添加到预期的触摸目标,该属性将禁用
默认的触摸操作
更多信息:除了@Dieter所说的,您还需要使用
addEventHandler
,而不是$(文档)。在
上作为Windows 8设备
然后添加:
body{
-ms-touch-action: none;
}
我已经使用了它,仍然面临着问题$(this.svgObject).css('-mstouch-action',none');谢谢你的更新阿尔瓦罗,我已经厌倦了,但问题仍然存在。
#touchTarget {
-ms-touch-action: none;
}
this.element.addEventListener("MSPointerMove", this.chartMouseMove);
this.element.addEventListener("MSPointerDown", this.chartMousedown);
body{
-ms-touch-action: none;
}