JQ focus选择器的使用
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>JQ focus选择器的使用</title> <link rel="stylesheet" href="base.css" /> <script type="text/javascript" src="jquery-1.10.1.min.js" ></script> </head> <body> <div style="width: 200px; margin: 20px auto 0 auto;"> 姓名:<input name="name" type="text" label="姓名"><br> 年龄:<input name="age" type="text" label="年龄"><br> 手机:<input name="cellphone" type="text" label="手机"> </div> <div id="message" style=" width: 200px; margin: 0 auto;"></div> <script> //:focus选择器一般用在事件处理中,用于判断指定元素当前是否获得焦点。 //一般而言,只有接收键盘事件或用户输入的元素才能获得焦点,例如表单的<input>元素。 $("input").on("focus blur", function(){ var me = $(this); //当<input>元素获得焦点时,在#message中显示"请输入[姓名]"、"请输入[年龄]"等相应的提示信息。 var msg = me.is(":focus") ? ("请输入[" + me.attr("label") + "]") : ""; $("#message").html(msg); }); </script> </body> </html>
效果图:
相关推荐
DolphinThinker 2019-06-27
zjnig的信息仓库 2014-11-26
zhangyang0 2011-10-05
86427903 2011-10-24
86493365 2019-04-29
wustrive00 2019-04-29
yhginny 2015-12-31
84533871 2015-11-19