防止对IOS返回点击输入操作

Question

我在键盘上的IOS返回键有问题（例如在iPhone上的Safari中）。 我在Web应用程序中使用vue js，其中聊天组件中有textarea：

<textarea
        class="field-text__input field-text__input--height-small field-text__input--max-height"
        rows="1"
        ref="messageField"
        placeholder="Your message"
        @keydown.enter.exact.prevent="send"
        @keyup.enter.ctrl.exact="expandTextarea"
        :value="messageText"
        @input="updateMessage">
</textarea>

在桌面浏览器或android设备上，单击“ Enter”会发送消息。但是在IOS上，单击键盘上的“返回”键也会发送消息。 如何防止IOS“返回”键执行此操作？ 感谢您的帮助。

Answer 1

您必须在send函数内部创建一些自定义逻辑，以便在检测到它是iOS设备时捕获并返回（退出）该函数。

This stackOverflow answer是嗅探用户代理（设备告诉您的内容）启发灵感的好地方