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

Question

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

还有一个添加按钮Onclick事件，我的问题是当我们在文本框中输入内容然后点击添加按钮时，`onblur＆＃39;事件首先工作，单击不起作用，因为单击按钮位置在文本框隐藏时更改。

任何人都可以帮助我，我必须做的事情让两个事件都有效，我希望这些事件应该单独工作

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

这是我的表结构Sample和我在这两个函数中有大量的代码我不能复制到这里任何一个请帮帮我

Answer 1

尝试使用setTimeout，然后在调用hideTextBoxCreateNewSpan之前点击该按钮：

onblur="setTimeout(hideTextboxCreateNewSpan, 0);"