Question

我正在尝试创建一个表格，当您单击一行时，将显示一个下拉列表。我能够检测到点击良好。但是，我希望能够在屏幕上的其他任何位置单击以返回到不可编辑的版本。

问题是，当我使用@onfocusous时，仅当我单击该行但在下拉列表之外时，它才起作用。我希望能够在页面上的任意位置（不是下拉菜单）单击以重新切换。

这是我拥有的HTML。

const notEnough = {
  Larga: {
    breakpoint: { max: 4000, min: 0 },
    items: this.state.posts.length
  }
};

我猜我需要使用javascript来做到这一点，但我从未使用过javascript或不知道如何使用互操作，因此任何帮助都会很棒。

Answer 1

为了使td元素失去焦点，您需要首先将其设置为焦点。这是通过将tabindex属性设置为“ 0”来实现的。

尝试以下代码：

<td class="@(isDropdown == true ? "" : "hide")" 
@onfocusout="StopEdit" id="dropdown"  tabindex="0">

希望这对您有帮助...