2017-10-02 9 views
0

私は以下のように入力の値をコピーする方法を知っていますが、段落内で同じことをしようとすると、例えばそれがうまくいかず、解決方法を教えてください。コンテンツをクリップボードにコピーする方法は?

$(function() { 
 
    $('input').click(function() { 
 
    $(this).focus().select(); 
 
    document.execCommand("copy"); 
 
    }); 
 

 
    $('p').click(function() { 
 
    $(this).select(); 
 
    document.execCommand("copy"); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type='text' readonly value='click to copy me'> 
 

 
<p>This is a pararaph</p>

+1

可能な重複https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in- javascript) –

+1

p要素をダブルクリックすると動作します。 –

+0

いいえ、私はこの –

答えて

0

ここではその問題を解決するための簡単なスクリプトです: http://id0t.x10.mx/dl/clipboard.js

はそれを使用する方法についてのチュートリアル用スクリプトのソースを見てみましょう。

私が追加した機能は、すべての機能の真のパラメータでした。このパラメータは、ツールチップを表示するかどうかを指定します。

Ex。

<button onclick="select_all_and_copy(document.querySelector('span'),true)">Click to copy the span!</button> 

<span>Here's some text.</span> 
[私はJavaScriptでクリップボードにコピーするにはどうすればよい?](の
関連する問題