显示键盘时按钮不起作用 - Javascript

如果在移动设备上显示虚拟键盘时，按钮无法起作用，请尝试以下方法：

1. 禁用默认的触摸事件

document.addEventListener('touchstart', function(e){
    e.preventDefault();
}, { passive: false });

此代码可以在页面加载时调用，它将禁用所有默认的触摸事件。可以加上 { passive: false } 来确保这个代码生效。

2. 改变元素的 z-index

可能有些元素的显示层级不够高，导致它们被虚拟键盘遮盖住了。可以尝试给这些元素添加一个更高的 z-index，例如：

input, button {
    z-index: 999;
}

这个例子将所有的 <input> 和 <button> 元素的 z-index 改为 999。

3. 改变元素的 position

可能有些元素的 position 属性不正确，也导致它们被虚拟键盘遮盖住了。可以试试给这些元素改变一下 position 属性，例如：

input, button {
    position: relative;
}

这里将 input 和 button 的 position 改为 relative，以确保它们在页面中的位置正确。

总之，这些是一些可能导致按钮无法起作用的常见问题和解决方法。希望这些方法对你有所帮助。