javascript - 防止 IOS 返回点击时的输入操作

Question

我在键盘上的 IOS 返回键有问题(例如在 iphone 上的 Safari 中)。我在我的网络应用程序中使用 vue js，我在聊天组件中有文本区域:

<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>

在桌面浏览器或安卓设备上，消息在点击“Enter”时发送。但在 IOS 上点击键盘上的“返回”键也会发送消息。我怎样才能阻止 IOS“返回”键的这个 Action ？感谢您的帮助。

Answer 1

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

This stackOverflow answer是嗅探用户代理(设备告诉你的是什么)灵感的好地方