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

我有一个奇怪的问题，我有一个，上面有一个文本框，旁边有一个添加按钮。在文本框中，有一个onblur函数，它将隐藏文本框并为文本框值创建一个值。跨度的宽度小于文本框的宽度

还有一个AddButtonOnClick事件，我的问题是，当我们在文本框中键入一些内容，然后单击AddButton时，`onblur'事件首先起作用，而单击不起作用，因为文本框隐藏时，单击按钮的位置会发生变化

任何人帮我做什么，我必须让这两个事件的工作，我希望这些事件应该分开工作

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

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

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

onblur="setTimeout(hideTextboxCreateNewSpan, 0);"

---

添加你的脚本将可点击的东西移到消失的东西的上方或左侧现在使用的东西包含巨大的代码y我没有添加js我已经添加了场景你只需添加AddNewTextBox函数script你可以创建JSFIDLE吗解决你的问题会更容易