web-dev-qa-db-ja.com

クリック可能なものをコピー/貼り付け

ページ上の要素がリストビューからインスタンスビューにリンクする最も明白な場所であるユースケースがありますが、ユーザーが要素テキストをコピー/貼り付けする必要がある場合もあります。

要素はリンクであるため、コピーするために要素を強調表示するときにクリックする場所に注意する必要があります。

要素のクリックとコピー/貼り付けの両方をサポートする方法についてのアイデアはありますか?

8
Kevin Burke

セル内に表示される[編集]ボタンを使用します。編集ボタンをクリックすると、テキスト領域またはテキストボックスにコンテンツがプレーンテキスト形式で表示されます(セル全体がリンクであると想定)。これにより、ユーザーはリンクを気にすることなく、コンテンツにマークを付け、コピーして貼り付けることができます。

編集モードの場合、編集可能領域の下に3つの新しいボタンを提供して、ユーザーがテキストを[コピー]したり、編集を[保存]または[キャンセル]できるようにします。

編集:ユーザーがリンクテキストを編集できない場合は、モックアップにオプションの回答を提供しました(Vitalysのコメントに感謝します)。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

右クリックはコンピュータでは機能しますが、タッチインターフェースでは機能しません。右クリックをそのままにしておいてください。

2
Benny Skogberg

シンプル:アイテムの横に「コピー」ボタンを配置するだけです。 URL短縮サービスが行う方法:

enter image description here

1