Google Chrome console 从剪切板中粘贴数据自动填写表单

最新推荐文章于 2020-08-04 17:57:23 发布

das2m

最新推荐文章于 2020-08-04 17:57:23 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/zhangyingda/article/details/105776624

版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
  <title>Untitled</title>
  <script>
    var EventUtil = {
      addHandler: function (element, type, handler) {
        if (element.addEventListener) {
          element.addEventListener(type, handler, false);
        } else if (element.attachEvent) {
          element.attachEvent("on" + type, handler);
        } else {
          element["on" + type] = handler;
        }
      },

      getEvent: function (event) {
        return event ? event : window.event;
      },

      getClipboardText: function (event) {
        var clipboardData = (event.clipboardData || window.clipboardData);
        return clipboardData.getData("text");
      },

      setClipboardText: function (event, value) {
        if (event.clipboardData) {
          return event.clipboardData.setData("text/plain", value);
        } else if (window.clipboardData) {
          return window.clipboardData.setData("text", value);
        }
      },

      preventDefault: function (event) {
        if (event.preventDefault) {
          event.preventDefault();
        } else {
          event.returnValue = false;
        }
      }
    };
  </script>
</head>

<body>
  <form name="f1">
    <select id="a">
      <option value="1">A1</option>
      <option value="2">A2</option>
      <option value="3">A3</option>
    </select>
    <select id="b">
      <option value="1">B1</option>
      <option value="2">B2</option>
      <option value="3">B3</option>
      <option value="4">B4</option>
    </select>
    <input type="text" name="textbox1" id="textbox1" value="" />
  </form>
</body>
<script>
  function clear(f) {
    if (f.value) {
      try {
        f.value = ''; //for IE11, latest Chrome/Firefox/Opera...
      } catch (err) {
      }
      if (f.value) { //for IE5 ~ IE10
        var form = document.createElement('form'), ref = f.nextSibling;
        form.appendChild(f);
        form.reset();
        ref.parentNode.insertBefore(f, ref);
      }
    }
  }

  var textbox = document.forms[0].elements["textbox1"];
  var mya = document.getElementById("a");
  var myb = document.getElementById("b");

  textbox.addEventListener("paste", function (e) {
    var copy = e.clipboardData.getData("Text");
    console.log(copy);
    // 拆分数据
    var arr = copy.split("\t");
    console.log(arr.length);
    if (arr.length != 3) {
      console.log("Data Error!");
      return;
    }

    id = arr[0].trim();
    a = arr[1].trim();
    b = arr[2].trim();

    if (a == 'A1') {
      mya.options[1].selected = true;
    };
    if (a == 'A2') {
      mya.options[0].selected = true;
    };
    if (a == 'A3') {
      mya.options[2].selected = true;
    };

    if (b == 'B2') {
      myb.options[2].selected = true;
    }
    setTimeout("clear(textbox)", 0);
    setTimeout("textbox.value=id", 0);

  });
</script>

</html>

das2m

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Google Chrome console 从剪切板中粘贴数据自动填写表单

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head> <title>Untitled</title> <script> var EventUtil = { addHandler: function ...
复制链接

扫一扫