Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 不同浏览器和设备的鼠标和触摸事件_Javascript_Jquery_Touch - Fatal编程技术网

Javascript 不同浏览器和设备的鼠标和触摸事件

Javascript 不同浏览器和设备的鼠标和触摸事件,javascript,jquery,touch,Javascript,Jquery,Touch,我在页面中有div元素,并绑定了以下事件 / 触摸div并继续移动时,div必须根据我手指在页面上的位置移动。这在firefox、chrome、safari中运行良好,但在IE浏览器中不起作用(使用鼠标拖动div是有效的,通过触摸它是无效的) 我在所有鼠标处理程序中都使用了以下代码:例如 chartMouseMove: function (e) { e.stopPropagation(); e.preventDefault(); e.returnV

我在页面中有div元素,并绑定了以下事件

/

触摸div并继续移动时,div必须根据我手指在页面上的位置移动。这在firefox、chrome、safari中运行良好,但在IE浏览器中不起作用(使用鼠标拖动div是有效的,通过触摸它是无效的)

我在所有鼠标处理程序中都使用了以下代码:例如

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;
}