jquery select image not working

私の目標は、画像をクリップボードにコピーすることです。セキュリティ上の理由、私が取り組むたいユースケースにイメージをコピーすることはできません与えられます。ユーザープレスはjqueryの経由ボタン jquery select image not working

をコピー

画像（フォーカスと選択）
プロンプトを選択

画像をコピーするctrl + cを押して、ユーザは、問題は、私は、入力のためにこれを行う場合、私は簡単にその内のテキストを選択することができるということですが、私はイメージのためにそれを行うことができないのです。以下は私がやろうとしていることの抽象版です。主に今のところ画像を選択するだけです。以下は

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
<script> 
 
$(document).ready(function(){ 
 
    $("#myImage").focus(); 
 
    $("#myImage").select(); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 
<img id="myImage" width="220" height="277" src="https://pixabay.com/static/uploads/photo/2015/10/01/21/39/background-image-967820_960_720.jpg" alt="The Scream"> 
 
</body> 
 
</html>

同じ例であるが、入力のために、それが動作します。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
<script> 
 
$(document).ready(function(){ 
 
    $("#myInput").focus(); 
 
    $("#myInput").select(); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 
    
 
<input id="myInput" value="hello"/> 
 
</body> 
 
</html>

誰かが私にそれをいただければ幸いこれを行う方法の正しいを与えることができます。ありがとう。

出典

2016-04-01 Zaid Qureshi

画像要素は、 'SELECT'メソッドを持っていません。試してみてくださいhttp://stackoverflow.com/questions/4183401/can-you-set-and-or-change-the-user-s-text-selection-in-javascript – CBroe

私は問題を解決するためにclipboard.jsを使用し、画像をボタンだけでクリップボードにコピーする方法を見つけました。以下は私の解決策でした。

cliboardjsをダウンロードするまでは機能しません。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script src="clipboard.min.js"></script> 
 
    <title></title> 
 
</head> 
 
<body> 
 

 
    <div id="myDiv"> 
 

 
    <img width="220" height="277" src="https://pixabay.com/static/uploads/photo/2015/10/01/21/39/background-image-967820_960_720.jpg" alt="The Scream"> 
 

 
    </div> 
 
    <button class="btn" data-clipboard-target="#myDiv"> 
 
    Copy to clipboard 
 
    </button> 
 
    <script type="text/javascript"> 
 

 
    var clipboard = new Clipboard('.btn'); 
 

 
    clipboard.on('success', function(e) { 
 
     e.clearSelection(); 
 
    }); 
 

 
    </script> 
 
</body> 
 
</html>

出典

2016-04-01 20:14:03

$(document).ready(function(){ 
    $("#myImage").bind('load', function(){ 
     $("#myImage").focus(); 
     $("#myImage").select(); 
     alert("ok"); 
    }); 
});

そして、あなたもこれを確認する必要がありますjQuery callback on image load (even when the image is cached)

出典

2016-04-01 20:33:46 Mellon

答えて

関連する問題