注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

IOS & JAVA KEY

(iMilo)

 
 
 

日志

 
 
关于我

All the splendor in the world is not worth a good friend!! Hello my friend!!

网易考拉推荐

查明元素何时获得或失去焦点--jQuery事件处理  

2011-01-30 22:20:35|  分类: JQuery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

2011-01-30

l  查明元素何时获得或失去焦点

知识点:

假设网页上有几个文本字段,想知道何时指定的文本字段获得和失去焦点。

说明:

focus()blur()对应的是获得焦点和失去焦点事件,这里就不做过多说明。

get(index)方法:取得其中一个匹配的元素,index表示取得第几个匹配的元素,返回值为Element。着个操作能让你选择一个实际的DOM元素并且对它进行直接操作,而不是通过jQuery函数。

$(this).get(0)$(this)[0]等价。

$(this)表示当前的jQuery对象。

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>jQuery事件处理--查明元素何时获得或失去焦点</title>

    <script type="text/javascript" src="rs/js/jquery.js"></script>

    <script type="text/javascript">

    <!--

    $(

        function()

        {

            $('input').focus(

                function()

                {

                    alert('现在获得焦点的是[' + $(this).get(0).message + ']')

                }          

            );

            $('input').blur(

                function()

                {

                    alert('现在失去焦点的是[' + $(this)[0].message + ']')

                }          

            );

        }

    );

    //-->

    </script>

  </head>

  <body>

   姓名:<input name="name" type="text" message="姓名" value='TEANA' /><br/>

   年龄:<input name="age" type="text" message="年龄" value="25" />

  </body>

</html>

跟进:

input标签中的message属性并不是input的固有属性,这里是为了方便js而添加的属性。

  评论这张
 
阅读(2910)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017