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