javascript - 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 是事件起源的元素。