javascript - 使用 javascript 保持输入集中

Question

我有一个输入框，当不在焦点上时它会缩小(如此处所示 http://jsfiddle.net/5Lc5w )。 因此，当用户提交内容时，框会立即缩小。 我试过 focus() 似乎不起作用，我试过更改样式属性，但这当然不会(不能)更改伪类。

有没有办法使用 Javascript 解决这个问题？

Answer 1

尝试 this ，这对你有帮助。

JS

   $('#userIn').keyup(function(){
   if($(this).val()!='')
        $(this).addClass('slide');
   else
        $(this).removeClass('slide');        
   });

更改 css 名称 input:focus 为 .slide

CSS

.slide
{
   border: 1px solid blue;
   transition:.3s;
  -webkit-transition:.3s;
   width:160px;
}