如何在虚拟键盘后面放置一个按钮？

<div id="keyboard-container">
  <!-- 虚拟键盘的HTML代码 -->
  <input type="text" id="virtual-keyboard" />

  <!-- 放置在虚拟键盘后面的按钮 -->
  <button id="custom-button">按钮</button>
</div>

#keyboard-container {
  position: relative;
}

#custom-button {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 100px;
  height: 30px;
  background-color: #007bff;
  color: #fff;
  border: none;
  font-size: 14px;
  cursor: pointer;
}

document.getElementById("custom-button").addEventListener("click", function() {
  // 在按钮点击时执行的操作
  console.log("按钮被点击了！");
});