jquery 焦点输入/输出

Question

我想要的是将“active”类添加到输入焦点上的输入，当焦点关闭时，删除该类。

谢谢

Answer 1

一旦包含了 jquery 库，它就非常标准了

$('input').focus( function() {
  $(this).addClass('active');
});

$('input').blur( function() {
  $(this).removeClass('active');
});

对于仅输入聚焦而言，焦点和模糊比 focusin 和 focusout 更合适。 focusin 和 focusout 气泡事件到子对象，并且在大多数情况下，这(可能)在这里是不必要的。

非常标准的东西。查看 jquery 文档了解更多信息。如果您只想将其用于特定的输入字段，也可以修改选择器(“输入”部分)。

选择器示例:

$('input#my_id_is_bob') 为$('input.my_class_is_activatable') 为