• what

  focus():当元素获得焦点时,发生 focus 事件。

  blur():当元素失去焦点时发生 blur 事件。

  • 小例子
  HTML文件 
Enter your name: <input type="text" />
javascript文件:
$(document).ready(function(){
      $("input").focus(function(){
        $("input").css("background-color","#ff0"); //黄色
      });
      $("input").blur(function(){
        $("input").css("background-color","#0f0"); //绿色
      });
    });

  浏览器打开:

  1.刷新页面,输入框为白色背景

  详说jQuery的focus()、blur()事件

  2.准备键入,输入框获得焦点,输入框背景变为黄色

  详说jQuery的focus()、blur()事件

  3.输入结束,失去焦点,输入框背景变为绿色

  详说jQuery的focus()、blur()事件

相关文章:

  • 2023-03-19
  • 2022-12-23
  • 2022-12-23
  • 2022-01-14
  • 2021-08-16
  • 2021-05-17
  • 2021-12-14
  • 2022-12-23
猜你喜欢
  • 2021-12-25
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案