javascript - 防止 <textarea> 失去焦点以保持移动键盘

标签 javascript html css

<分区>

我正在开发一个网络应用程序,它需要在聊天功能方面与移动设备兼容。当前,当您点击带有 <textarea> 的屏幕区域时弹出一些以前没有的附加按钮(以节省屏幕空间)。这些按钮可用,但目前发生的情况是,当您单击它们时,<textarea>意识到它不再是焦点,因此移动键盘消失了。这创造了一种整体的跳跃体验。

谁能想到一个 JS 解决方案来解决这个问题?

最佳答案

伪编程解决方案:

function buttonClick
    do stuff...
    restore focus to textarea

实际上就这些。


所以,一个 JS 解决方案是:

function buttonClickHandler(){
    // do button stuff...
    document.getElementById('myTextarea').focus();
}

假设:

  • buttonClickHandler是按钮的onclick事件函数
  • myTextarea 是textarea的id

关于javascript - 防止 &lt;textarea&gt; 失去焦点以保持移动键盘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34619401/

相关文章:

html - JAWS 屏幕阅读器在 FireFox 中重复树项目

html - 背景图片在 IE8 中不显示

javascript - 在 jquery Mobile 中获取表单 ID 'pageshow'

javascript - 如何在 Android 上的 phonegap 中从本地文件创建 Blob

JavaScript Canvas ,渲染 map

css - 如何让通知框 float 在中间

html - Bootstrap 3 100% 高度 DIV,带导航栏和粘性页脚

javascript - 通过按 Enter 键而不是逗号将新值添加到标记字段

html - 悬停时在 <a> 标签下划线

html - 在 Bootstrap 列中垂直居中 DIV 中的内容