javascript - 使用 javascript 保持输入的焦点

Question

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

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

Answer 1

只需min-width在焦点事件后添加到 CSS 中，如下所示：

$(document).ready(function () {

    $('#userIn').focus(function () {

        $(this).css({'min-width':200}); 
    });
});

为简单起见，我使用 jQuery，但如果需要，您可以不使用。这是更新的小提琴。

Answer 2

我只是调整宽度，就像这样

document.getElementById('userIn').style.width = '160px';

参考

---

你没有发布你想要放大的原因，所以这就是我所能建议的。

Answer 3

试试看this，这对你有帮助。

JS

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

更改CSSinput:focus 名称.slide

CSS

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