web-dev-qa-db-ja.com

モバイルでも動作するクリップボードにコピーしますか?

私はZeroClipboardとjquery.copyに精通しており、どちらもFlashを使用しています。わかりました。ブラウザのセキュリティ上の理由から、コピーは許可されておらず、Flashが必要です。ただし、これは、コピー機能がモバイル(iPhone、Android)またはiPadでは機能しないことを意味します。

最新のブラウザー(IE7 +を含む)とモバイルブラウザーの両方で簡単なクリップボードへのコピー機能を可能にするリソースまたはプラグインはありますか?

ありがとう!

9
PKHunter

この面で最近いくつかの開発があったので、私はただアップデートを提供したかっただけです。 Safariを除く最新のブラウザーは、execCommand()APIを使用したJS経由のコピーをサポートしています。

Safariの手動コピーに正常に劣化するようにUIを構築すると仮定すると、残りの部分にクリップボードへのコピーを実装できます。おそらく、Safariは最終的にこれのサポートを含むでしょう。

オプションについては、 https://clipboardjs.com/ および http://www.sitepoint.com/javascript-copy-to-clipboard/ を参照してください。

執筆時点でサポートされているブラウザ:Chrome 42 +、Firefox 41 +、IE 9 +、Opera 29+。

2
sersun

フラッシュを使用せずにこれを行うための優れたソリューションはありません。シンプルに保ち、ユーザーが自分でテキストをコピーできるようにします。それはグーグルが彼らのサイトに埋め込むために彼らの分析コードをユーザーに提供する方法です。グーグルがそれを使用するであろうそれをするための素晴らしい方法があったかどうか私は確信している。

シンプルに保つ:

$(function(){
    $('.text').click(function(){
        $(this).select();
    });
});

フォーカスイベント: http://jsfiddle.net/khXjC/

クリックイベント: http://jsfiddle.net/qjfgoeLm/

14
tlaverdure