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