zoukankan      html  css  js  c++  java
  • js学习笔记24----焦点事件

    事件:
    onfous : 元素获取焦点时触发事件
    onblur : 元素失去焦点时触发事件

    方法:
    obj.focus(); 可指定元素设置焦点
    obj.blur(); 取消指定元素的焦点
    obj.select(); 选中指定元素里面的文本内容

    示例代码:

     1 <!DOCTYPE html>
     2 <html lang="en">
     3     <head>
     4         <title>焦点事件</title>
     5         <meta charset="UTF-8">
     6         <meta name="viewport" content="width=device-width, initial-scale=1">
     7         <script>
     8             window.onload = function(){
     9                var oIpt = document.getElementById("test");
    10                oIpt.focus();//自动获取焦点
    11                oIpt.select();//自动选中文本框里面的内容
    12 
    13                oIpt.onfocus = function(){
    14                    if(this.value == "请输入内容"){
    15                         this.value = "";
    16                    }
    17                }
    18                oIpt.onblur = function(){
    19                    if(this.value == ""){
    20                         this.value = "请输入内容";
    21                    }
    22                }
    23             }
    24         </script>
    25     </head>
    26     <body>
    27         <input type="text" name="test" value="请输入内容" id="test">
    28     </body>
    29 </html>
  • 相关阅读:
    IBM小练习
    面向对象
    面向对象_人狗大战
    面向对象组合小练习
    面向对象小作业
    作业大礼包_员工信息表
    异常报错处理
    开发规范

    U-boot工作流程分析
  • 原文地址:https://www.cnblogs.com/sese/p/7253140.html
Copyright © 2011-2022 走看看