码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-06-07 14:23:57      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:cti   http   script   javascrip   例子   输入框   function   document   打开   

  • 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()事件

标签:cti   http   script   javascrip   例子   输入框   function   document   打开   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!