Javascript 如果某些条件不满足,则将d3滚动/拖动事件传递给父元素

Javascript 如果某些条件不满足,则将d3滚动/拖动事件传递给父元素,javascript,d3.js,svg,scroll,touch,Javascript,D3.js,Svg,Scroll,Touch,如果使用触摸设备打开d3示例,则无法在触摸点位于SVG上方(而不是其中一个圆圈上)时向下滚动页面 如果触摸点位于SVG区域之外,页面将正常滚动 如何在SVG区域也实现正常的滚动 我只想在至少使用两个手指的情况下在触摸设备上实现上/下滚动,否则该事件应被忽略,浏览器应处理该事件 在非接触式设备上,通过向缩放处理程序添加过滤功能并处理“滚轮”事件,可以相对容易地防止缩放。但是对于触摸设备,在我的条件(2个手指)满足之前,我不会让它运行以允许页面滚动。您链接到示例的HTML版本,可以在示例中找到SVG

如果使用触摸设备打开d3示例,则无法在触摸点位于SVG上方(而不是其中一个圆圈上)时向下滚动页面

如果触摸点位于SVG区域之外,页面将正常滚动

如何在SVG区域也实现正常的滚动

我只想在至少使用两个手指的情况下在触摸设备上实现上/下滚动,否则该事件应被忽略,浏览器应处理该事件


在非接触式设备上,通过向缩放处理程序添加过滤功能并处理“滚轮”事件,可以相对容易地防止缩放。但是对于触摸设备,在我的条件(2个手指)满足之前,我不会让它运行以允许页面滚动。

您链接到示例的HTML版本,可以在示例中找到SVG版本并不重要。如果使用触摸设备(平板电脑)打开页面,请尝试在触摸矩形(白色区域,而不是直接在圆圈上)的同时上下移动页面。这是不可能的!我正试图实现与谷歌地图()相同的行为。保持正常的页面滚动,只有用两个手指才能进行缩放/拖动。