Question

使用Hammer.js和触摸模拟器：

https://github.com/hammerjs/touchemulator

似乎无法点击文字输入，更不用说编辑它了。

Answer 1

我已经弄明白了！

创建Hammer事件时，向其添加Tap事件。在tap事件焦点的处理程序中，单击目标元素。这将允许使用包含在Hammer对象中的输入字段和按钮。

Hammer v2.04

var el = document.querySelector("#touchable");
var mc = new Hammer.Manager(el, {});
mc.add(new Hammer.Tap({ }));
mc.on("tap", function (ev) {
       ev.target.focus()//This allows text fields to be focused on
       ev.target.click()//This allows buttons and other objects to be clicked
});

这最适合IOS和Android设备

Answer 2

不是一个完美的解决方案，但我已经能够通过将此行放在onMouse函数的顶部来编辑输入。

if (!ev.shiftKey && ev.target.nodeName === 'INPUT') return;

粗略地翻译成，没有多点触控，你点击输入，好吧，我什么都不做......

如何使用Hammer.js Touch Emulator编辑文本输入字段？

2 个答案: