Javascript 在输入单元格的一角制作一个可单击的小框，单击后会显示一个弹出列表。

我目前正在制作一个数独板，我计划制作一个可点击的数字列表，玩家可以点击该列表输入数字值，而不必使用键盘输入数字

我的单元格现在的格式如下：

<div class="board">
      <div class="row" id="row1">
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
      </div>
      <div class="row" id="row2">
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
      </div>
...

...

这些单元格是数独游戏的标准单元格，目前我可以在其中输入数字

我如何在这些单元格的右上角添加一个小框，我可以单击它？（单击后，它将显示一个弹出菜单，但这不是问题的重点，因此我将在稍后研究）

我想也许我应该在单元格中添加div标签，比如类“corner box”之类的东西，并将其css化，使其位于右上角。但是，当我点击单元格输入值时，这不会产生干扰吗

我将输入添加到单元格中，如下所示：

$cell.html('<input type="text"/>').find('input').focus();

$cell.html（“”）.find（'input'）.focus（）；

---

所以在cell div中有一个div标签会很奇怪

要向div添加元素而不替换当前内容，请使用

---

这是一个。

使用小图像/图标如何？问题是，当我尝试在我的单元格中输入值时，如何将此图标添加到单元格的右上角，而不使其发生干扰。但是，您如何在输入字段中添加该小框？或者这是不可能的，你需要用css来做。一种方法是将输入的背景设置为图像url，如下所示：

var cell = document.getElementById('row1').children[0];
cell.appendChild(document.createElement("input"));