javascript - 单击时如何将焦点状态再次应用于同一元素？

Question

对于我的表单输入，我想为如下输入重新制作聚焦状态的动画:

<input type="text" class="form-control">

您可以在此处查看它的实际效果:https://jsfiddle.net/esg1dzy0/

话虽如此，我无法让它这样做:

  $(document.activeElement).click(function(){
    this.focus();
  });

这可能吗？我做错了什么？

Answer 1

您需要先模糊元素。

在执行此操作之前，您需要确保这不是第一次单击该元素。

此外，您的原始选择器将仅选择在代码段运行时处于事件状态的元素。

最后，使用mousedown来避免闪烁。

$('.form-control').mousedown(function(){
    if(!$(this).is(':focus')) return;
    $(this).blur().focus();
});