今天有人提问,怎样判断哪个控件获得了焦点。
http://topic.csdn.net/u/20081218/08/9cb0ff76-47d9-4c32-9210-8b8682da14b2.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">
- //问题是,执行顺序是,先执行得到焦点,后执行失去焦点。
- //得到焦点和失去焦点时,都设置id,如果一致,说明可能点了空白处。
- //失去焦点时,如果不加alert()就不正常,不知何故,以后再研究。
- var onfocus_id="";
- var onblur_id="";
- //处于焦点
- function on_focus(obj){
- onfocus_id = obj.id;
- //alert(onfocus_id);
- }
- //失去焦点
- function on_blur(obj){
- onblur_id = obj.id;
- alert(onblur_id);//不加这个,就不正常,不知何故。
- }
- //取得焦点控件id
- function getid(){
- if((onfocus_id=="")||(typeof(onfocus_id)=="undefined")||(onfocus_id==onblur_id))
- alert('没有控件处于焦点!');
- else
- alert("处于焦点的控件ID:"+onfocus_id);
- }
- </script>
- </head>
- <body>
- <input id="Text2" type="text" onfocus="on_focus(this);" onblur="on_blur(this);" />
- <input id="Text1" type="text" onfocus="on_focus(this);" onblur="on_blur(this);" />
- <input id="Button1" type="button" value="找到处于焦点的控件" onclick="getid();" />
- </body>
- </html>
end