oncopyイベント
例
<input>要素のテキストをコピーするときにJavaScriptを実行します。
<input type="text" oncopy="myFunction()" value="Try to copy this text">
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
oncopyイベントは、ユーザーが要素のコンテンツをコピーしたときに発生します。
ヒント: oncopyイベントは、ユーザーが<img>要素で作成された画像などの要素をコピーしたときにも発生します。
ヒント: oncopyイベントは、主にtype = "text"の<input>要素で使用されます。
ヒント:要素/要素のコンテンツをコピーするには、次の3つの方法があります。
- CTRL + Cを押します
- ブラウザの[編集]メニューから[コピー]を選択します
- 右クリックしてコンテキストメニューを表示し、[コピー]コマンドを選択します。
ブラウザのサポート
Event | |||||
---|---|---|---|---|---|
oncopy | Yes | Yes | Yes | Yes | Yes |
注:一部のブラウザでは、画像をコピーしようとすると、oncopyイベントが期待どおりに機能しない場合があります(以下の「その他の例」を参照)。
構文
HTMLの場合:
<element oncopy="myScript">
JavaScriptの場合:
object.oncopy = function(){myScript};
JavaScriptでは、addEventListener()メソッドを使用します。
object.addEventListener("copy", myScript);
注: addEventListener ()メソッドは、Internet Explorer8以前のバージョンではサポートされていません。
技術的な詳細
泡: | はい |
---|---|
キャンセル可能: | はい |
イベントタイプ: | ClipboardEvent |
サポートされているHTMLタグ: | すべてのHTML要素 |
その他の例
例
<p>要素のテキストをコピーするときにJavaScriptを実行します。
<p oncopy="myFunction()">Try to copy this text</p>
例
画像をコピーするときにJavaScriptを実行します。
<img src="w3schools.gif" oncopy="myFunction()">
関連ページ
HTML DOMリファレンス:onpasteイベント
HTML DOMリファレンス:oncutイベント