Heim > Artikel > Web-Frontend > JS implementiert die Kopierfunktion

JS implementiert die Kopierfunktion

高洛峰Original: 2017-04-18 13:48:331435Durchsuche

In diesem Artikel werden hauptsächlich Beispiele für die Implementierung der Kopierfunktion durch JS vorgestellt, die einen guten Referenzwert haben. Schauen wir sie uns mit dem folgenden Editor an

Rendering:

Der Code lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS复制功能</title>
<link href="" rel=" rel="external nofollow" stylesheet">
<style>
 *{
 margin:0;
 padding:0;
 }
 input{
 border:1px solid #ccc;
 padding: 5px;
 width: 200px;
 }
 button{
 height:32px;
 }
</style>
</head>
<body>
 <input type="text"placeholder="里面输入文字">
 <button type="button">点击复制</button>
 <script type="text/javascript" src=&#39;http://libs.baidu.com/jquery/2.0.0/jquery.js&#39;></script>
 <script>
  $(document).ready(function(){
  $(&#39;button&#39;).click(function(){
  $(&#39;input&#39;).trigger(&#39;select&#39;);
  document.execCommand(&#39;copy&#39;);
  alert(&#39;复制成功&#39;)
  })
  })
 </script>
</body>
</html>

Weitere Artikel zur JS-Implementierung der Kopierfunktion finden Sie auf der chinesischen PHP-Website !

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：js-Dropdown-MenüeffektNächster Artikel：js-Dropdown-Menüeffekt

In Verbindung stehende Artikel

Mehr sehen