首页 > Web开发 > 详细

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

时间:2017-06-07 13:58:48      阅读:383      评论:0      收藏:0      [点我收藏+]
  • 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.刷新页面,输入框为白色背景

  技术分享

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

  技术分享

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

  技术分享

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

原文:http://www.cnblogs.com/Afanty/p/6956353.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!