首页 > 代码库 > onfocus事件,onblur事件;Focus()方法,Blur()方法
onfocus事件,onblur事件;Focus()方法,Blur()方法
<1>
<pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"></script> <!-- 注意在使用$的时候须要引入Jqery--> <!-- $("input[name=‘name‘]")--> <script src="http://www.mamicode.com/Jquery/jquery-1.4.1.min.js" type="text/javascript"></script> <script type="text/javascript"> function checkValue(obj) { if (obj.value =http://www.mamicode.com/="") { alert("长度不能为空"); obj.value = "http://www.mamicode.com/长度不能为空"; } } function checkGetfocus(obj) { //将当前控件的value设为"哥获得了焦点" obj.value = "http://www.mamicode.com/哥获得了焦点" } </script> </head> <!--当页面载入完成。usernameGetfocus文本框获得焦点--> <body onl oad="$(‘#Getfocus‘).focus()"> <!--================================================================================================--> <!--当用户点击“焦点”按钮的时候id=Getfocus文本框获得焦点--> <input type="text" id="Getfocus" /> <!--blur()失去焦点方法--> <input type="button" value="http://www.mamicode.com/Getfocus失去焦点" onclick="document.getElementById(‘Getfocus‘).blur() " /> <!--focus()获得焦点方法--> <input type="button" value="http://www.mamicode.com/Getfocus获得焦点" onclick="document.getElementById(‘Getfocus‘).focus();" /> <!--================================================================================================--> <!--onblur失去焦点事件--> <input type="text" name="txt1" onblur="checkValue(this)" /> <input type="text" name="txt2" onblur="checkValue(this)" /> <input type="text" name="txt3" onblur="checkValue(this)" /> <hr /> <!----------------------------------------------------------------------------------------------------> <!--onfocus获得焦点事件--> <!-- this就是指当前控件本身,onfocus这个事件触发后,这个事件就会调用checkGetfocus函数,在调用这个函数的时候会把当前控件本身(自己)作为參数(this)传递给处理函数checkGetfocus,--> <input type="text" name="t1" onfocus="checkGetfocus(this)" /> <input type="text" name="t1" onfocus="checkGetfocus(this)" /> <input type="text" name="t1" onfocus="checkGetfocus(this)" /> <!--================================================================================================--> </body> </html>
onfocus事件,onblur事件;Focus()方法,Blur()方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。