event.target.blur（）不起作用

Question

我有一系列的Bootstrap按钮，如下所示：

<button :disabled="page === lastPage" type="button" class="btn btn-default" @click="getPage(lastPage)">
    <span class="glyphicon glyphicon-forward"></span>
</button>

但是getPage方法的第一行不起作用：

event.target.blur();

这很奇怪，因为我在另一个组件中有另一个按钮，event.taget.blur（）在其上可以完美工作：

<button class="btn btn-default pull-right" @click="show()" type="button">Batch
    <span :class="{'glyphicon glyphicon-chevron-down': showForm, 'glyphicon glyphicon-chevron-up': !showForm}"></span>
</button>

有谁知道为什么会这样吗？

编辑：我认为这是当我在SPAN中单击时模糊不起作用。

编辑：哦，很好，我解决了它-我也需要event.target.parentNode.blur()。

Answer 1

您可能想使用

event.currentTarget.blur()

这将始终是您将事件侦听器附加到event.target的元素，以及事件源自的元素。