Javascript :focus For Each Input

本文关键字：Each Input For focus Javascript 更新时间：2023-09-26

$('input[type="text"]').on('focus',function(){ // When focus
    $(this).css('borderColor','#e89980');
    $(this).css('boxShadow','0 0 0 2px #e89980');
});

我需要这样做，因此，如果您单击多个输入，则焦点仅位于该特定输入上，而不是所有其他具有已单击（聚焦）文本类型的输入。

我只会在选定的一个 css 类中添加一个。然后在模糊时将其删除。

.active {
  borderColor: #e89980;
  boxShadow: 0 0 0 2px #e89980;
}

快速演示

您需要在

它们不再处于焦点中后将它们设置回去（onblur 函数）否则，焦点功能的效果仍将生效。