如何在触摸设备上禁用单指拖动

Ray*_*Lee 6 leaflet react-leaflet

当用户在移动浏览器上拖动页面时,它就像滚动一样,但是当涉及到地图并且用户的手指在地图内时,传单的拖动事件被触发而滚动则不然.我们想要禁用单指拖动但是保持双指拖动,这样用户可以用2个手指拖动地图,同时用1个手指滚动页面.问题:上面有什么办法吗?

小智 5

就在这里。只需将拖动选项设置为false,然后使用轻按选项即可向上或向下滚动。

var oMap = new L.Map('Map', {
       '...Other options...'
       dragging: false,
       tap: false
    });
Run Code Online (Sandbox Code Playgroud)

这应该做您想要的。

  • 谢谢,但是获取屏幕尺寸并不总是那么简单。后来我发现这个有用的实用程序是传单“L.Browser.mobile”的一部分,允许您执行“拖动:!L.Browser.mobile”之类的操作 (2认同)