当元素获得焦点时,发生 focus 事件。
当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。
focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数。
focus()语法
触发被选元素的 focus 事件:
$(selector).focus()
添加函数到 focus 事件:
$(selector).focus(function)
参数:function可选。规定当 focus 事件发生时运行的函数。
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("input").focus(function(){ $("span").css("display","inline").fadeOut(2000); }); }); </script> <style> span { display:none; } </style> </head> <body> <input> <span>请输入你的电话号码?</span> <p>点击输入框获取焦点。</p> </body> </html>
效果图:
更多web前端开发知识,请查阅 HTML中文网 !!