zoukankan      html  css  js  c++  java
  • JS事件 失焦事件(onblur)onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。

    失焦事件(onblur)

    onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。

    如下代码, 网页中有用户和密码两个文本框。当前光标在用户文本框内时(即焦点在文本框),在光标离开该文本框后(即失焦时),触发onblur事件,并调用函数message()。

    运行结果:

     

    任务

    补充右边编辑器第13行,当光标从密码文本框离开时,触发onblur 事件,调用message()函数。


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title> 失焦事件 </title>
    <script type="text/javascript">
      function message(){
        alert("请确定已输入密码后,在移开!"); }
    </script>    
    </head>
    <body>
      <form>
       用户:<input name="username" type="text" value="请输入用户名!" >
       密码:<input name="password" type="text" value="请输入密码!" onblur="message()">
      </form>
    </body>
    </html>



  • 相关阅读:
    12-2 mysql 查询
    12-1 mysql的增删改减
    12-1 上午mysql 基本语句
    [题解] [FJOI2016] 建筑师
    [题解] [CF932E] TeamWork
    [题解] [Codechef] CNTDSETS
    [题解] [清华集训 2017] 榕树之心
    [题解] [AGC013D] Piling Up
    [题解] [CQOI2011] 放棋子
    [题解] [ZJOI2017] 仙人掌
  • 原文地址:https://www.cnblogs.com/yongbin668/p/5592773.html
Copyright © 2011-2022 走看看