- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我有一个力布局 d3 图表,我正在使用 d3.behaviour.zoom
启用缩放和平移。
一切都很好,但是因为我的图表填满了 iPad 上的屏幕,所以无法向下滚动页面,因为我的触摸只是平移图表。
我想在触摸设备上保持双指缩放行为。
是否可以取消 touchmove.zoom
事件仅当d3.event.touches.length === 1
?
这只会禁用所有触摸交互 - 所以滚动没问题,但我无法再缩放图表:
selection.call(zoom)
.on('touchstart.zoom', null)
.on('touchmove.zoom', null)
.on('touchend.zoom', null);
我还尝试添加另一个 touchmove
听众,像这样:
selection.call(zoom)
.on('touchmove', function () {
if (d3.event.touches.length === 1) {
d3.event.stopPropagation();
// i've also tried d3.event.preventDefault() but it doesn't do anything
}
});
我认为我无法访问默认缩放 touchmove
我可以在 d3 中听众吗?我想知道我是否可以删除 touchstart
上的监听器然后在 touchend
上重新绑定(bind)它如果用户只使用一次触摸。
最佳答案
不使用 d3 dispatch 的一种方法是使用原始的 touchstart
事件监听器而不是 d3。通过 event.touches.length
,您可以统计在屏幕上检测到的触摸次数。
通过添加监听器并额外检查触摸计数何时为 1d3.behaviour.zoom
,当一根手指放在图形上时它会阻止平移,并且默认为正常滚动页面。
let touchCount = 0;
// Only necessary to add listener when running on mobile/tablet
// (assuming you already have some detection set up)
if (isMobileSize) {
document.querySelector('.your-svg').addEventListener('touchstart', (e) => {
touchCount = e.touches.length;
});
}
let selection = d3.select('.your-svg');
let zoom = d3.behavior.zoom().on('zoom', () => {
// When 1 finger, do not zoom
if (touchCount === 1) {
d3.event.sourceEvent.stopPropagation();
return;
}
// Otherwise run zoom/move
// ... zoom logic goes here....
})
selection.call(zoom)
关于javascript - d3.behaviour.zoom 禁用仅使用一根手指时在触摸屏上的平移,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35085371/
我这里有这样的 slider :https://jsfiddle.net/args91L4/我如何让它在触摸屏上工作,更准确地说,在 vanilla js 或纯 jquery 上没有第三方插件的方式是
我正在使用 HP 触摸屏台式计算机开发一个简单的网站。我想防止用户同时用八个手指“捣碎”屏幕点击。 jQuery 有没有办法一次只允许注册一个触摸事件?这样,当第一个手指点击屏幕时,即注册了该手指,并
我有一个 Web 应用程序,需要有在自助服务终端样式、仅触摸屏环境中使用的选项。我想知道是否有任何我们可以使用的基于浏览器的好键盘。可能是基于 javascript 或 jquery 的东西。基本上,
我有一个 div,它在桌面浏览器上滚动得很好,但在带有触摸屏的移动设备上,滚动不起作用。 这是一个stripped down jsFiddle带有一些实际代码。滚动在您的移动浏览器中运行良好,但请相信
我有一台装有 Windows 7 的触摸屏电脑,我想禁用多点触控手势: 但即使我禁用它并应用更改,当我重新打开窗口时,该选项也会再次启用... 知道在哪里可以永久禁用它吗? (也许在注册表中...)
在移动设备(触摸屏)上缩放后,Highmap 数据点单击事件中断有什么建议吗? 最佳答案 tooltip.pointFormatter 与 useHTML 结合使用仍然期望一个字符串作为返回值,因此应
我正在用Java(使用Swing)为自动机开发一个基于触摸屏的应用程序,例如this 。由于操作系统会处理所有触摸事件,因此我只需开发一个桌面应用程序并在触摸设备上使用它即可。 如果有人可以帮助我,我
我会尽可能清楚地描述我的问题。我正在尝试让触摸屏设备与 Android 一起工作。该设备是一个 USB 设备,我让它在各种操作系统(Windows、Mac OS X、Ubuntu)中正常工作。在 An
我们有一个在 Win 7 上运行的 WPF 应用程序。在 Win 7 中启用触摸手势,当滚动 ListView 时,应用程序在到达列表末尾时在屏幕上“耸耸肩”。 这也可以在 Internet Expl
我需要在我的 Android 设备上禁用和启用触摸屏。我试过了 adb shell su rm -rf /dev/input/event2 和 adb shell su rm -rf /dev/inp
我有一台运行 Windows 10 的 PiPo x9(触摸屏)。Google Chrome 已加载,可以正确查看网页。通过 CefBrowser 加载的同一页面对鼠标事件做出奇怪的响应。我使用的是
我有一台运行 Windows 10 的 PiPo x9(触摸屏)。Google Chrome 已加载,可以正确查看网页。通过 CefBrowser 加载的同一页面对鼠标事件做出奇怪的响应。我使用的是
希望有人能帮我解决这个问题,为此我苦苦挣扎了一会儿。我需要为触摸设备上的最终用户提供“单击”下拉菜单以显示子菜单项的能力。就桌面体验而言,这显然是一种常见的 UX 构造,但对于移动或触摸设备而言,它并
我在这个网站上有一个菜单,它在标准 Windows 8.1 PC 上的 chrome 上运行正常,但在带有触摸屏的 Windows 8.1 笔记本电脑上的 chrome 上查看时出现奇怪的问题。 子菜
我正在用 Java 开发一个 Swing 应用程序。该程序将在专用的 Windows 7 触摸屏机器上运行,据我所知,在正常操作下,该程序应该是唯一在这些机器上运行的东西。 我注意到 Windows
目前我正在 STM32f4 板上开发 USB 触摸屏 HID 描述符(自定义 HID 描述符)。为此,我为单个联系人标识符(单手指触摸)实现了一个 HID 描述符,它对我有用。但是,我的要求是多点触摸
大家早上好。 我买了一个集成了电阻式触摸屏的液晶嵌入式显示器。TS 可通过 USB 连接。 我已将其连接到运行 Android 4.0.3 的设备,并且触摸被正确识别为外部 HID。问题:点击(按下)
我想知道是否可以在 microsoft Surface 触摸屏(例如 Samsung SUR40 不是 Surface 平板电脑)又名 pixelsense ? 我在互联网上搜索了一整天,但找不到任何
最近我正在开发基于谷歌地图的网站。它适用于大多数设备,但是当我在 MS Surface 触摸屏上安装 Chrome 浏览器后,我无法用手指捏合和缩放谷歌地图。但我可以使用 Chrome 浏览器在map
我是一名优秀的程序员,十分优秀!