jquery焦点进/出

Question

我想在输入焦点上添加类"active"来输入焦点,当焦点关闭时,删除该类.

谢谢

Answer 1

一旦你包含了jquery lib,它就是非常标准的

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

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

聚焦和模糊比仅仅输入聚焦的聚焦和聚焦更合适.聚焦和聚焦泡沫事件到儿童对象,并且在大多数情况下,这可能是不必要的.

很标准的东西.看一下jquery文档了解更多信息.如果您只想要特定的输入字段,也可以修改选择器('输入'部分).

选择器示例:

$('input.my_class_is_activatable')的$('input#my_id_is_bob')for

Answer 2

如果target-id是要在其中交换类的输入的id,则可以使用以下内容:

$('#target-id').focusin(  
  function(){  
    $(this).addClass('active');  
  }).focusout(  
  function(){  
    $(this).removeClass('active');  
  });

Answer 3

$("#id-of-your-field").focusin(function() {
    $('#id-of-your-field').addClass("active");
});
$("#id-of-your-field").focusout(function() {
    $('#id-of-your-field').removeClass("active");
});

这可以解决您的问题

Answer 4

尝试以下方法。

$("input[type=text]").focus(function(){
  $(this).addClass("active");
}).focusOut(function(){
  $(this).removeClass("active");
});