zoukankan      html  css  js  c++  java
  • 获得焦点并且复制文本


    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>

    </style>
    </head>

    <body>
    <input id="txt" type="text" value="请输入关键词">
    <button id="copy">点击复制文本</button>
    <textarea id="txtarea"></textarea>

    <script>

    // ie 和 chorme 的event 的函数是一个全局对象。所以可以直接使用event.

    // 火狐就是放在函数的的第一个参数

    window.onload = function () {
      var txt = document.getElementById('txt');
      var copy = document.getElementById('copy');
      var txtarea = document.getElementById('txtarea');

      txt.focus(); // 获得焦点方法

      txt.onfocus = function () {
        if (this.value === "请输入关键词") {
          txt.value = "";
       }
      };

    txt.onblur = function () {
    if (this.value === "") {
      txt.value = "请输入关键词";
    }
    };

    copy.onclick = function () {
      txt.select(); // select() 全选 focus()、blur()、select()交互的时候才能操作
      document.execCommand("copy"); //执行复制命令 已测试ie7以上都支持
      alert("已经复制成功了");
    };

    };

    </script>

    </body>
    </html>

  • 相关阅读:
    个人项目作业
    自我介绍+软工五问
    Word Count
    个人简介+软工五问
    小学生算术题生成器
    个人项目-WC
    个人简历+软工五问
    学习有感
    学习爱我
    软件工程学习记录
  • 原文地址:https://www.cnblogs.com/Shinnosuke/p/5694116.html
Copyright © 2011-2022 走看看