zoukankan      html  css  js  c++  java
  • 焦点事件

    获得焦点事件(onfocus)是当某个元素获得焦点时触发事件处理程序。
    失去焦点事件(onblur)是当前元素失去焦点时触发事件处理程序。
    一般情况下,这两个事件是同时使用的。
     
    二 应用
    文本框获得焦点时改变背景颜色
    本示例是在用户选择页面中的文本框时,改变文本框的背景颜色,当选择其他文本框时,将失去焦点的文本框背景颜色恢复原始状态。
     
    三 代码
    <table align="center" width="337" height="204" border="0">
    <tr>
    <td width="108">用户名:</td>
    <td width="213"><form name="form1" method="post" action="">
    <input type="text" name="textfield" onfocus="txtfocus()" onBlur="txtblur()">
    </form></td>
    </tr>
    <tr>
    <td>密码:</td>
    <td><form name="form2" method="post" action="">
    <input type="text" name="textfield2" onfocus="txtfocus()" onBlur="txtblur()">
    </form></td>
    </tr>
    <tr>
    <td>真实姓名:</td>
    <td><form name="form3" method="post" action="">
    <input type="text" name="textfield3" onfocus="txtfocus()" onBlur="txtblur()">
    </form></td>
    </tr>
    <tr>
    <td>性别:</td>
    <td><form name="form4" method="post" action="">
    <input type="text" name="textfield5" onfocus="txtfocus()" onBlur="txtblur()">
    </form></td>
    </tr>
    <tr>
    <td>邮箱:</td>
    <td><form name="form5" method="post" action="">
    <input type="text" name="textfield4" onfocus="txtfocus()" onBlur="txtblur()">
    </form></td>
    </tr>
    </table>
    <script language="javascript">
    <!--
    function txtfocus(event){ //当前元素获得焦点
    var e=window.event;
    var obj=e.srcElement; //用于获取当前对象的名称
    obj.style.background="#FFFF66";
    }
    function txtblur(event){ //当前元素失去焦点
    var e=window.event;
    var obj=e.srcElement;
    obj.style.background="FFFFFF";
    }
    //-->
    </script>
    ---------------------
    作者:chengqiuming
    来源:CSDN
    原文:https://blog.csdn.net/chengqiuming/article/details/70140140
    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    WP7应用开发笔记插曲 小心使用MessageBox
    WP7应用开发笔记 继承BitmapSource并使用独立存储来缓存远程的图片
    WP7应用开发笔记(10) 导航
    Bangumi 番組計劃 WP手机客户端发布
    WP7应用开发笔记(17) 提交应用
    WP7应用开发笔记(8) IP输入框控件
    从FLC中学习的设计模式系列结构型模式(2)装饰
    Windows Phone Toolkit for WP8 已经出了
    狂神说HTML笔记
    期待
  • 原文地址:https://www.cnblogs.com/jiaxinchao/p/10174862.html
Copyright © 2011-2022 走看看