javascript – focus()jQueryUI无法正常工作

2024年1月9日 200次阅读

我在jQueryUI中有焦点输入问题.我在按钮上使用了hover()方法并且它正在工作,但是输入上的focus()不起作用.我不知道为什么.这是代码和小提琴

$(document).ready(function(){
  $('input[type=text]').focus(function(){
    $(this).stop().animate({
      backgroundColor: '#000'
    }, 1000);
  }, function() {
    $(this).stop.animate({
      backgroundColor: 'rgba(0,0,0,0)'
    }, 1000); 
  });
});

这是小提琴

https://jsfiddle.net/ssa7sh4f/12/

最佳答案 我不知道你到底想要做什么.但是在你的代码中,你要分配2个处理程序来集中注意力(比如@squint指出).

相反,您可以将一个处理程序分配给focus(),将一个处理程序分配给focusout(),如下所示：

$(document).ready(function(){
  $('input[type=text]').focus(function(){
    $(this).css('background-color', 'black');
  }).focusout(function() {
    $(this).css('background-color', 'white');
  });
});

https://jsfiddle.net/g6997gnh/

点赞