レンダリングは次のとおりです:
私たちは Web ページにコピー ボタンを配置します。これは主にユーザーがリンクなどの複雑なテキストをコピーしやすくするために使用されます。これまでは、JS を介して Flash に依存したり、jQuery の巨大な JS ライブラリに依存したりしていました。テキストをクリップボードにコピーします。今日紹介したいのは、Flash を必要とせず、他の JS ライブラリに依存しない、非常に最新のプラグインです。それは、clipboard.js と呼ばれます。
HTML
まずローカルのclipboard.jsファイルをロードします。
次に、コピーまたは切り取るテキストフィールドの内容と本文にボタンを追加します。
data-clipboard-action 属性もあり、現在の操作がコピーか切り取りかを定義します。data-clipboard-action="cut" の場合、ボタンをクリックするとテキストが切り取られます。続いて WORD を実行しても同様に動作します。もちろん、切り取り操作はテキストとテキストエリアでのみ機能します。
input や textarea などの要素のコンテンツもコピー オブジェクトとして必要ありません。ata-clipboard-text 属性を使用して、ボタンをクリックしてコンテンツにコピーするコンテンツを定義できます。 ata-clipboard-text に対応します。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
