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

mac2022-06-30  22

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.输入结束,失去焦点,输入框背景变为绿色

  

转载于:https://www.cnblogs.com/Afanty/p/6956353.html

相关资源:详说单片机解密技术
最新回复(0)