时间戳

首页 > 解决方案 > 防止在 IOS 返回单击时输入操作

javascript - 防止在 IOS 返回单击时输入操作

问题描述

我在键盘上的 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“返回”键执行此操作？谢谢你的帮助。

标签： javascripthtmliosvue.jspreventdefault

解决方案

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

这个stackOverflow答案是嗅探用户代理的灵感的好地方（设备告诉你它是什么）

推荐阅读