jQueryを使用して最新のブラウザのコピーURLを模倣する（コピー時にhttp：//を追加）

Question

最新のブラウザの「コピーURL」機能を模倣しようとしています。

URLを表示すると、http://が表示されません。クリップボードにコピーすると、http://が追加されます。これまでのところ私はこのている：アクション「コピー」が検出された場合

$('#address input').bind('copy', function() { 
    $.fn.changevalue = function (v) { 
    return $(this).val(v).trigger('change'); 
    } 
    var origval = $(this).val(); 
    $(this).changevalue('http://' + origval); 
}); 

これは、入力フィールドにhttp://が追加されますが、それはクリップボードにコピーを停止します。この関数はまた、入力フィールドにhttp://を追加します。これは不要です。クリップボードに追加したいだけです。

Answer 1

注：JavaScriptはアクセスできませんクリップボード。これを行うプラグインは、通常、バックグラウンドでFlashを使用します。

コピーイベントを修正するには、入力にhttp://を追加した後にselectイベントをトリガーする必要があります（changeイベントは発生しません）。値を変更すると、テキストは選択されなくなるので、編集後に新しいテキストを選択する必要があります。

http://を入力フィールドから削除するには、イベントの最後にsetTimeoutを追加して値をリセットします。

また、$.fn.changevalueをコールバックの外側に設定する必要があります。各コピーイベントで再設定する必要はありません。

$.fn.changevalue = function(v) { 
    return this.val(v).trigger('select'); // this is already a jQuery object 
} 

$('#address input').bind('copy', function() { 
    var $this = $(this), 
    origval = $this.val(); 
    $this.changevalue('http://' + origval); 
    setTimeout(function(){ 
     $this.val(origval); 
    }, 0); 
}); 

デモ：http://jsfiddle.net/TGHcD/

Answer 2

jQueryで「コピー」イベントが見つからず、クロスブラウザで動作させるのは少し難しいようです。

プラグインとクリップボードにテキストをコピーするその他の方法については、this thread/questionを参照してください。 （一部使用フラッシュ（SWFファイル）それを動作させるために。）対象の

詳細情報：

• http://help.dottoro.com/ljxundda.php
• Copy and paste clipboard in JavaScript. or jQuery
• http://bradleysepos.com/projects/jquery/clipboard/