oncopyイベント
例
<input> 要素でテキストをコピーしたときに JavaScript を実行します:
<input type="text"
oncopy="myFunction()" value="尝试拷贝文本">
試してみる »
この記事の下部にはさらに多くの例があります。
定義と使い方
oncopy イベントは、ユーザーが要素の内容をコピーしたときに発生します。
ヒント：oncopy イベントは、ユーザーが要素をコピーしたときにも発生します。例えば、<img> 要素をコピーした場合などです。
ヒント：oncopy イベントは通常、type="text" の <input> 要素で使用されます。
ヒント：要素と内容をコピーする方法は3つあります：
- CTRL + C を押す
- お使いのブラウザの Edit(編集) メニューから "Copy（コピー）" を選択する
- マウスの右ボタンをクリックし、コンテキストメニューから "Copy（コピー）" コマンドを選択する。
ブラウザサポート
| イベント | |||||
|---|---|---|---|---|---|
| oncopy | Yes | Yes | Yes | Yes | Yes |
注意：画像をコピーしようとする場合（その他の例を参照）、oncopy イベントは Chrome、Firefox、Opera ブラウザでは動作しない可能性があります。
構文
HTML の場合:
<element oncopy="myScript">試してみる
JavaScript の場合：
object.oncopy=function(){myScript};試してみる
JavaScript では、addEventListener() メソッドを使用します:
object.addEventListener("copy", myScript);試してみる
注意：Internet Explorer 8 およびそれ以前の IE バージョンではサポートされていませんaddEventListener()メソッド。
技術的な詳細
| バブリングのサポート: | Yes |
|---|---|
| キャンセル可能か: | Yes |
| イベントタイプ: | ClipboardEvent |
| サポートされている HTML タグ: | すべての HTML 要素 |
その他の例
関連ページ
HTML DOM リファレンス:onpaste イベント
HTML DOM リファレンス:oncut イベント
イベントオブジェクト その他の拡張