当专注于iPhone上的只读输入时，事件会停止触发

Question

我只读了输入文件：

<div class="wrapper">
    <input type="text" readonly="readonly" />
</div>

附加了“点击”和“焦点”事件。一切都适用于所有浏览器，除了iPhone上的safari（在iPhone 5和iPhone 6上测试）。几次点击输入字段后，蓝色文本光标出现，输入不再接受点击（事件未触发）。

我在类似的问题中读到，你可以在聚焦时对输入进行模糊事件，但是我需要跟踪聚焦元素（我在包装器上使用了focusin和focusout事件）。

此外，我需要通过Tab键在其他浏览器上关注此字段。

这是我的代码： https://jsfiddle.net/0tr1afv2/

[编辑] 我已经改变了日志消息的出现顺序 - 现在jsfiddle更新了。屏幕截图以其他方式显示日志。

Answer 1

我最近遇到过使用移动设备点击事件的问题。尝试将以下内容添加到您的javascript：

input.addEventListener("touchstart", function () {c.log("input click");});

此处有关此主题的更多信息： https://developer.mozilla.org/en-US/docs/Web/API/Touch_events