<分区>
我正在开发一个网络应用程序,它需要在聊天功能方面与移动设备兼容。当前,当您点击带有 <textarea>
的屏幕区域时弹出一些以前没有的附加按钮(以节省屏幕空间)。这些按钮可用,但目前发生的情况是,当您单击它们时,<textarea>
意识到它不再是焦点,因此移动键盘消失了。这创造了一种整体的跳跃体验。
谁能想到一个 JS 解决方案来解决这个问题?
标签 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 - 防止 <textarea> 失去焦点以保持移动键盘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34619401/