javascript - 由于 td 宽度的变化，点击不起作用

Question

我有一个奇怪的问题，我有一个 <table>和 <td>有一个文本框，在下<td>有一个add按钮。在文本框中，有一个 onblur隐藏文本框并创建 <span> 的函数对于文本框值。 span 的宽度小于 textbox 。

还有一个添加按钮 Onclick事件，我的问题是，当我们在文本框上键入内容然后单击添加按钮时，“onblur”事件首先起作用并且单击不起作用，因为当文本框隐藏时单击按钮位置会发生变化。

任何人都可以帮助我完成这两个事件的工作，我希望这些事件应该单独进行

<Table>
<tr>
<td><Span>bla<Span><input type="text" onblur="hideTextboxCreateNewSpan()"/></td>
<td><a onclick="AddNewTextBox()">Add</a></td>
</tr>
</Table> 

这是我的表结构示例，我在这两个函数中都有大量代码，我无法在这里复制任何人，请帮助我

Answer 1

尝试使用 setTimeout，然后在调用 hideTextBoxCreateNewSpan 之前单击按钮:

onblur="setTimeout(hideTextboxCreateNewSpan, 0);"