防止在 IOS 返回单击时输入操作答案

【问题标题】：Prevent enter action on IOS return click防止在 IOS 返回单击时输入操作
【发布时间】：2019-09-12 12:21:34
【问题描述】：

我遇到了键盘上的 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>

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

【问题讨论】：

标签： javascript html ios vue.js preventdefault

【解决方案1】：

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

This stackOverflow answer 是寻找用户代理灵感的好地方（设备告诉你它是什么）

【讨论】：

谢谢。我也在考虑，但希望有其他方法可以预防。