zoukankan      html  css  js  c++  java
  • onBlur事件与onfocus事件(js)

    onFocus事件就是当光标落在文本框中时发生的事件。

    onBlur事件是光标失去焦点时发生的事件。

    可以编如下例子

    1.html

    <HTML>
    <HEAD>
    <TITLE>使用onBlur事件处理程序</TITLE>
    </HEAD>
    <BODY BGCOLOR="lavender">
    <FORM name="F1">
    <INPUT TYPE=text NAME=text1 value="1111ONBLUR_green" ONBLUR="(document.bgColor='green')">
    <INPUT TYPE=text NAME=text2 value="2222ONBLUR_black" ONBLUR="(document.bgColor='black')">
    <INPUT TYPE=text NAME=text2 value="3333ONBLUR_yellow" ONBLUR="(document.bgColor='yellow')">
    <br>
    <p>
    <INPUT TYPE=text NAME=text3 value="4444onfocus_blue" onfocus="(document.bgColor='blue')">
    <INPUT TYPE=text NAME=text4 value="5555onfocus_red" onfocus="(document.bgColor='red')">
    <INPUT TYPE=text NAME=text4 value="6666onfocus_orange" onfocus="(document.bgColor='orange')">
    </FORM>
    </BODY>
    </HTML>

    还有以下例子

    2.html

    3 <!-- 文件说明:OnFocus事件 -->
    04 <!-- ------------------------------ -->
    05 <html>
    06 <head>
    07 <title>OnFocus事件</title>
    08 </head>
    09 <body>
    10 <Form>

    11 <input type="text" name="test1" value="test1" onclick=alert("可以关掉!")>
    11 <input type="text" name="test1" value="test1" onblur=alert("可以关掉aaaaaaa!")>

    11 <input type="text" name="test1" value="test1" onclick=alert("可以关掉bbbbbbbbb!")>
    12 <input type="text" name="test2" value="一按我就无法关掉了,haha" onFocus=alert("我成为了输入焦点!")>
    13 </Form>
    14 </body>
    15 </html>

    转自http://www.cnblogs.com/xinzaixian/archive/2011/10/10/2205049.html

  • 相关阅读:
    [GXOI/GZOI2019] 旧词
    [HDU6756] Finding a MEX
    [洛谷P5110] 块速递推
    [CF739C] Alyona and towers
    1349. 修理牛棚
    L2-028 秀恩爱分得快 (25 分)
    L2-009 抢红包 (25 分)
    L1-043 阅览室 (20 分)
    2020年天梯赛-模拟赛 L1-6 检查密码 (15 分)
    L1-046 整除光棍 (20 分)
  • 原文地址:https://www.cnblogs.com/leifyang/p/4375612.html
Copyright © 2011-2022 走看看