javascript - Dblclick 事件处理程序不响应苹果设备

Question

目前我的应用程序使用 FancyTree jquery 插件，dblclick 事件不仅仅适用于苹果设备，当在 iphone7/8 上设置的 google chrome 开发者模式下运行时，它在控制台中出现以下错误:[干预] 由于目标被视为被动，无法阻止被动事件监听器中的默认值。

但是当关闭设备工具栏时，它工作正常。与 Android 和 Windows 设备相同。

在苹果设备上也无法安装 chrome。

可能是什么问题？

谢谢。

安装 doubletap.js 没有结果。来自插件中事件处理程序的代码

.on("click" + ns + " dblclick" + ns, function(event) {
                        if (opts.disabled) {
                            return true;
                        }
                        var ctx,
                            et = FT.getEventTarget(event),
                            node = et.node,
                            tree = self.tree,
                            prevPhase = tree.phase;

                        // self.tree.debug("event(" + event.type + "): node: ", node);
                        if (!node) {
                            return true; // Allow bubbling of other events
                        }
                        ctx = tree._makeHookContext(node, event);
                        // self.tree.debug("event(" + event.type + "): node: ", node);
                        try {
                            tree.phase = "userEvent";
                            switch (event.type) {
                                case "click":
                                    ctx.targetType = et.type;
                                    if (node.isPagingNode()) {
                                        return (
                                            tree._triggerNodeEvent(
                                                "clickPaging",
                                                ctx,
                                                event
                                            ) === true
                                        );
                                    }
                                    return tree._triggerNodeEvent(
                                        "click",
                                        ctx,
                                        event
                                    ) === false
                                        ? false
                                        : tree._callHook("nodeClick", ctx);
                                case "dblclick":
                                    ctx.targetType = et.type;
                                    return tree._triggerNodeEvent(
                                        "dblclick",
                                        ctx,
                                        event
                                    ) === false
                                        ? false
                                        : tree._callHook("nodeDblclick", ctx);
                            }
                        } finally {
                            tree.phase = prevPhase;
                        }
                    });

[干预] 由于目标被视为被动，无法阻止被动事件监听器中的默认值

Answer 1

这是 Chrome 中的一个有点晦涩的问题。这是由 Chrome 56 中的一项更改引起的，该更改旨在提高移动设备上的滚动性能。

解决方法是添加如下 CSS 规则:

#modal_valve
{
  touch-action: none;
}

您可能还需要将它添加到其他元素，具体取决于被拖动的元素。