简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - js实现ctrl + c 的复制功能？
迷茫
迷茫 2017-04-11 11:05:56
0
4
1090

js怎样实现ctrl + c 的复制功能？

迷茫
迷茫

业精于勤，荒于嬉;行成于思，毁于随。

모든 응답(4)
刘奇
刘奇2017-04-11 11:07:56 4층 
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
      .text-input{
        border: none;
        outline:medium;
        box-shadow: none;
    }
        .copy-id:focus{
            border: none;
        }
    </style>
  </head>
  <body>
    <input readonly="readonly"  class="copy-id text-input" type="text" value="12333333333"/>
    <button class="copy">复制</button>
  </body>
  <script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
  <script type="text/javascript">
    $('.copy').click(function () {
        $('.copy-id').select();
        document.execCommand("copy",false,null);
      })
</script>
</html>

这是点击按钮，实现复制

좋다 +0
답글 추가
PHPzhong
PHPzhong2017-04-11 11:07:56 3층 
<input type="text" id="input">
<button onclick="copyFn()">点击</button>
<script>
function copyFn() {
        var e = document.getElementById("input");
        e.select();
        document.execCommand("Copy");
    }
</script>
좋다 +0
답글 추가
巴扎黑
巴扎黑2017-04-11 11:07:56 2층 
keydown getSelection
좋다 +0
답글 추가
伊谢尔伦
伊谢尔伦2017-04-11 11:07:56 1층

见楼上就可以

좋다 +0
답글 추가
인기 주제
더>
인기 기사
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！