Javascript 指针事件:无在移动设备上不起作用

Javascript 指针事件:无在移动设备上不起作用,javascript,css,vue.js,events,pointer-events,Javascript,Css,Vue.js,Events,Pointer Events,我正在开发Vue的自定义拖放模块,发现了一个问题。要覆盖浏览器D&D,因为我需要指针向下,我正在克隆要拖动的div,然后在此事件中触发pointermove,我正在克隆div上设置X和Y,当我向上触发指针时,此div的值将转移到drag place。为了在指针向上的cloneddragged div事件下定位元素,我使用了一个css属性pointer events:在克隆的div上没有,在桌面上一切正常。在移动设备上,事件定位总是拖拽元素 触发的事件中有console.log: 现代移动浏览器改

我正在开发Vue的自定义拖放模块,发现了一个问题。要覆盖浏览器D&D,因为我需要指针向下,我正在克隆要拖动的div,然后在此事件中触发pointermove,我正在克隆div上设置X和Y,当我向上触发指针时,此div的值将转移到drag place。为了在指针向上的cloneddragged div事件下定位元素,我使用了一个css属性pointer events:在克隆的div上没有,在桌面上一切正常。在移动设备上,事件定位总是拖拽元素

触发的事件中有console.log:

现代移动浏览器改用“触摸动作”CSS属性。 您可以在此处阅读所有相关内容:

只需添加触摸动作:无;对于添加指针事件的同一元素:无;对

否则,根据您设置vue组件的方式,您可能需要侦听“touchstart”和“touchend”事件并取消它们:

<TargetElement>.addEventListener( 'touchstart', e => e.preventDefault )

我在另一个问题中找到了我问题的答案:

我们可以通过document.elementFromPoint将事件下的元素作为目标 e、 clientX, e、 客户
;

您是否尝试过在拖动处理程序上停止拖动?如果您提供了一些代码,它也会对您有所帮助。是的,我试过了。有样品要记住,这不是100%的样品。在这个示例中传递值并不重要,我只需要关注移动设备上的触发事件。在开发人员控制台中查找Inter事件已过时;过时的是规范,而不是事件