javascriptイベント一覧解説
6516 ワード
イベント
ブラウザのサポート
解説する
一般的な事件
onclick
IE 3、N 2
マウスクリック時にこのイベントを起動します.
ondblclick
IE 4、N 4
マウスをダブルクリックした時にこのイベントを起動します.
onmousedown
IE 4、N 4
マウスを押すと、このイベントを起動します.
onmouseup
IE 4、N 4
マウスを押してマウスを離すとこのイベントが起動します.
onmouseover
IE 3、N 2
このイベントは、マウスがオブジェクトの範囲の上に移動したときにトリガされます.
onmousemove
IE 4、N 4
マウス移動時にこのイベントを起動します.
onmousout
IE 4、N 3
マウスがオブジェクトの範囲から離れると、このイベントを起動します.
onkeyress
IE 4、N 4
キーボードのキーが押されてリリースされると、このイベントをトリガします.
onkeydown
IE 4、N 4
キーボードのキーが押された時にこのイベントをトリガします.
onkeyup
IE 4、N 4
キーボードのキーが押されて解除された時にこのイベントを起動します.
ページ関連イベント
onabort
IE 4、N 3
画像はダウンロード中にユーザによって中断されました.
onbeforeunload
IE 4、N
現在のページの内容が変更されます.このイベントをトリガします.
オーロラ
IE 4、N 3
エラーが発生したらこのイベントを起動します.
onload
IE 3、N 2
ページの内容が完了したら、このイベントを起動します.
onmove
IE、N 4
ブラウザのウィンドウが移動されたときにこのイベントを起動します.
オンスリーゼ
IE 4、N 4
このイベントは、ブラウザのウィンドウサイズが変更されたときにトリガされます.
onscroll
IE 4、N
ブラウザのスクロールバーの位置が変化した時にこのイベントを起動します.
onstop
IE 5、N
ブラウザの停止ボタンが押された時にこのイベントをトリガするか、ダウンロード中のファイルが中断されます.
ワンロード
IE 3、N 2
現在のページが変更されると、このイベントを起動します.
フォーム関連イベント
onblur
IE 3、N 2
現在の要素がフォーカスを失うと、このイベントを起動します.
オンチャン
IE 3、N 2
現在の要素がフォーカスを失い、要素の内容が変化してこのイベントをトリガします.
onfocus
IE 3 、N 2
このイベントは、ある要素がフォーカスを獲得したときにトリガされます.
オンレス
IE 4 、N 3
フォーム内のRESETの属性が励起されると、このイベントがトリガされます.
onsubmit
IE 3 、N 2
このイベントを実行するには、フォームが渡されます.
字幕イベント
オンボーン
IE 4、N
Markee内の内容がMarkeeの表示範囲外に移動した時にこのイベントが発生します.
onfinish
IE 4、N
Markee元素が表示する内容を完成したら、このイベントをトリガします.
onstart
IE 4、 N
このイベントは、Markee要素が表示され始めた時にトリガされます.
イベントを編集
onbeforecopy
IE 5、N
このイベントは、現在選択されているページが閲覧者システムのクリップボードにコピーされる前にトリガされます.
onbeforecut
IE 5、 N
ページの一部または全部が現在のページから[スクラップ]され、閲覧者のシステムクリップボードに移動されると、このイベントが起動します.
Obeforeeditfocus
IE 5、N
現在の要素は編集状態に入ります.
onbeforepaste
IE 5、 N
このイベントは、閲覧者のシステムクリップボードからページに「貼り付け」を転送するときにトリガされます.
onbefore udate
IE 5、 N
閲覧者がシステムクリップボードの内容を貼り付けると、対象を通知します.
oncontextmenu
IE 5、N
閲覧者がマウスの右ボタンを押してメニューが現れたり、キーボードのボタンでページメニューをトリガしたりすると、イベントが発生します.
oncopy
IE 5、N
現在選択されているページの内容がコピーされた場合、このイベントを起動します.
oncut
IE 5、N
このイベントは、ページの現在の選択内容を切り取るときにトリガされます.
ondrag
IE 5、N
このイベントは、オブジェクトをドラッグしたときにトリガされます. [イベントイベント]
ondragdrop
IE、N 4
外部オブジェクトを現在のウィンドウまたはフレームにマウスでドラッグします.
オンラインゲーム
IE 5、N
マウスのドラッグが終了すると、このイベントを起動します.マウスのボタンが解除されました.
オンラインゲーム
IE 5、N
オブジェクトをマウスでドラッグしたオブジェクトがそのコンテナの範囲に入ると、このイベントを起動します.
ondragleave
IE 5、N
このイベントは、オブジェクトをマウスでドラッグしたオブジェクトがコンテナから離れたときにトリガされます.
ondragover
IE 5、N
ドラッグされたオブジェクトを他のオブジェクトのコンテナの範囲でドラッグすると、このイベントをトリガします.
ondragstart
IE 4、N
あるオブジェクトがドラッグされると、このイベントをトリガします.
ondrop
IE 5、N
ドラッグ中にマウスボタンを放した時にこのイベントを起動します.
onlosecapture
IE 5、N
このイベントは、要素がマウスの移動によって形成された選択フォーカスを失ったときにトリガされます.
onpaste
IE 5、N
コンテンツが貼り付けられたときにこのイベントをトリガします.
onselect
IE 4、N
テキストの内容が選択された時のイベント
onselectstart
IE 4、N
テキストコンテンツ選択が開始されるとトリガされるイベント
データーバインディング
onafterudate
IE 4、N
このイベントは、データソースからオブジェクトへの転送が完了するとトリガされます.
オンセルchange
IE 5、N
データソースが変化した場合
ondataavailable
IE 4、N
データ受信が完了したらイベントをトリガします.
ondatasetch anged
IE 4、N
データソースが変化したときにトリガされるイベント
ondataset complettee
IE 4、N
サブデータソースに来たすべての有効データの読み出しが完了したら、このイベントをトリガします.
オーロラpdate
IE 4、N
OnBeforeUpdateイベントを使用してデータ転送をキャンセルした場合、OnefterUpdateイベントの代わりに
onrowenter
IE 5、N
現在のデータソースのデータが変化し、新しい有効データがある場合にトリガされるイベントです.
onrowexit
IE 5、N
現在のデータソースのデータが変化しそうな時にトリガするイベントです.
ローソンdelete
IE 5、N
現在のデータレコードが削除されます.このイベントをトリガします.
onrows inserted
IE 5、N
現在のデータソースが新しいデータレコードを挿入するときにこのイベントをトリガします.
外部イベント
onafterprint
IE 5、N
文書を印刷すると、このイベントが起動されます.
onbeforeprint
IE 5、N
文書が印刷されます.このイベントを起動します.
onfilterchange
IE 4、N
あるオブジェクトのフィルタ効果が変化したときにトリガされるイベント
onhelp
IE 4、N
このイベントは、閲覧者がF 1またはブラウザのヘルプ選択を押すとトリガされます.
onpropertychange
IE 5、N
このイベントは、オブジェクトの属性の一つが変化したときにトリガされます.
onreadystatechange
IE 4、N
このイベントは、オブジェクトの初期化属性値が変化したときにトリガされます.
onactivate オブジェクトがアクティブな要素に設定されている場合にトリガします.
onafterudate データソースオブジェクト内の関連オブジェクトの更新に成功したら、データバインディングオブジェクト上でトリガします. onbeforedictivate はい、 activeElement 現在のオブジェクトから親文書の他のオブジェクトに変更する前にトリガします. onbefore udate データソースオブジェクトの関連オブジェクトの更新に成功する前に、データバインディングオブジェクト上でトリガします. onblur オブジェクトが入力焦点を失ったときにトリガします. oncontrollselect ユーザがオブジェクトにコントロール選択範囲を作成するときにトリガします. ondeactivate 質に入れる activeElement 現在のオブジェクトから親文書の他のオブジェクトに変更する場合にトリガします. オーロラpdate データソースオブジェクトの関連データの更新エラーが発生した場合、データバインディングオブジェクト上でトリガします. onfocus オブジェクトがフォーカスを得るとトリガされます. onload ブラウザでオブジェクトの読み込みが完了したら、直ちにトリガします. onmove オブジェクトが移動するときにトリガします. onmoveend オブジェクトの移動が停止されるとトリガされます. onmovestart オブジェクトの移動開始時にトリガします. onreadystatechange オブジェクト状態を変更するとトリガします. onresizend 選択したコントロール内のオブジェクトのサイズを変更したときに、ユーザがトリガします. onresizerstart ユーザがコントロール選択エリアのオブジェクトのサイズを変更し始めると、トリガします. ontimeerror 特定の時間エラーが発生すると無条件トリガとなり、通常は属性を無効値に設定することによって引き起こされる.
JavaScript イベントは直列に複数の処理を実行する方法です.
前書き JavaScript プログラム時、イベントはすべて採用されます.
しかし インターネットExplorer から 5.0 提供を開始しました. atachEvent この方法を使えば、一つのイベントに複数の処理手順を割り当てることができます.atachEvent 今のところの Opera 適用します.しかし問題はMozilla/Firefoxです. この方法はサポートされていません.しかし、もう一つのサポートがあります. addEvent Listener 方法は、この方法とatachEvent 同じように、一つのイベントに複数の処理手順を割り当てるためにも使われます.しかし、それらが割り当てたイベントには違いがあります. atachEvent 方法では、イベントは 「on」 冒頭の addEvent Listener のうち、事件には最初のものがない. on,その他 addEvent Listener 三つ目のパラメータがありますが、一般的にこのパラメータは false いいです
したがって、あなたのプログラムで一つのイベントに複数の処理手順を割り当てるには、まずブラウザを判断してから、別のブラウザによって使用することを選択します. atachEvent まだです addEvent Listener いいです.実例は以下の通りです
ブラウザのサポート
解説する
一般的な事件
onclick
IE 3、N 2
マウスクリック時にこのイベントを起動します.
ondblclick
IE 4、N 4
マウスをダブルクリックした時にこのイベントを起動します.
onmousedown
IE 4、N 4
マウスを押すと、このイベントを起動します.
onmouseup
IE 4、N 4
マウスを押してマウスを離すとこのイベントが起動します.
onmouseover
IE 3、N 2
このイベントは、マウスがオブジェクトの範囲の上に移動したときにトリガされます.
onmousemove
IE 4、N 4
マウス移動時にこのイベントを起動します.
onmousout
IE 4、N 3
マウスがオブジェクトの範囲から離れると、このイベントを起動します.
onkeyress
IE 4、N 4
キーボードのキーが押されてリリースされると、このイベントをトリガします.
onkeydown
IE 4、N 4
キーボードのキーが押された時にこのイベントをトリガします.
onkeyup
IE 4、N 4
キーボードのキーが押されて解除された時にこのイベントを起動します.
ページ関連イベント
onabort
IE 4、N 3
画像はダウンロード中にユーザによって中断されました.
onbeforeunload
IE 4、N
現在のページの内容が変更されます.このイベントをトリガします.
オーロラ
IE 4、N 3
エラーが発生したらこのイベントを起動します.
onload
IE 3、N 2
ページの内容が完了したら、このイベントを起動します.
onmove
IE、N 4
ブラウザのウィンドウが移動されたときにこのイベントを起動します.
オンスリーゼ
IE 4、N 4
このイベントは、ブラウザのウィンドウサイズが変更されたときにトリガされます.
onscroll
IE 4、N
ブラウザのスクロールバーの位置が変化した時にこのイベントを起動します.
onstop
IE 5、N
ブラウザの停止ボタンが押された時にこのイベントをトリガするか、ダウンロード中のファイルが中断されます.
ワンロード
IE 3、N 2
現在のページが変更されると、このイベントを起動します.
フォーム関連イベント
onblur
IE 3、N 2
現在の要素がフォーカスを失うと、このイベントを起動します.
オンチャン
IE 3、N 2
現在の要素がフォーカスを失い、要素の内容が変化してこのイベントをトリガします.
onfocus
IE 3 、N 2
このイベントは、ある要素がフォーカスを獲得したときにトリガされます.
オンレス
IE 4 、N 3
フォーム内のRESETの属性が励起されると、このイベントがトリガされます.
onsubmit
IE 3 、N 2
このイベントを実行するには、フォームが渡されます.
字幕イベント
オンボーン
IE 4、N
Markee内の内容がMarkeeの表示範囲外に移動した時にこのイベントが発生します.
onfinish
IE 4、N
Markee元素が表示する内容を完成したら、このイベントをトリガします.
onstart
IE 4、 N
このイベントは、Markee要素が表示され始めた時にトリガされます.
イベントを編集
onbeforecopy
IE 5、N
このイベントは、現在選択されているページが閲覧者システムのクリップボードにコピーされる前にトリガされます.
onbeforecut
IE 5、 N
ページの一部または全部が現在のページから[スクラップ]され、閲覧者のシステムクリップボードに移動されると、このイベントが起動します.
Obeforeeditfocus
IE 5、N
現在の要素は編集状態に入ります.
onbeforepaste
IE 5、 N
このイベントは、閲覧者のシステムクリップボードからページに「貼り付け」を転送するときにトリガされます.
onbefore udate
IE 5、 N
閲覧者がシステムクリップボードの内容を貼り付けると、対象を通知します.
oncontextmenu
IE 5、N
閲覧者がマウスの右ボタンを押してメニューが現れたり、キーボードのボタンでページメニューをトリガしたりすると、イベントが発生します.
oncopy
IE 5、N
現在選択されているページの内容がコピーされた場合、このイベントを起動します.
oncut
IE 5、N
このイベントは、ページの現在の選択内容を切り取るときにトリガされます.
ondrag
IE 5、N
このイベントは、オブジェクトをドラッグしたときにトリガされます. [イベントイベント]
ondragdrop
IE、N 4
外部オブジェクトを現在のウィンドウまたはフレームにマウスでドラッグします.
オンラインゲーム
IE 5、N
マウスのドラッグが終了すると、このイベントを起動します.マウスのボタンが解除されました.
オンラインゲーム
IE 5、N
オブジェクトをマウスでドラッグしたオブジェクトがそのコンテナの範囲に入ると、このイベントを起動します.
ondragleave
IE 5、N
このイベントは、オブジェクトをマウスでドラッグしたオブジェクトがコンテナから離れたときにトリガされます.
ondragover
IE 5、N
ドラッグされたオブジェクトを他のオブジェクトのコンテナの範囲でドラッグすると、このイベントをトリガします.
ondragstart
IE 4、N
あるオブジェクトがドラッグされると、このイベントをトリガします.
ondrop
IE 5、N
ドラッグ中にマウスボタンを放した時にこのイベントを起動します.
onlosecapture
IE 5、N
このイベントは、要素がマウスの移動によって形成された選択フォーカスを失ったときにトリガされます.
onpaste
IE 5、N
コンテンツが貼り付けられたときにこのイベントをトリガします.
onselect
IE 4、N
テキストの内容が選択された時のイベント
onselectstart
IE 4、N
テキストコンテンツ選択が開始されるとトリガされるイベント
データーバインディング
onafterudate
IE 4、N
このイベントは、データソースからオブジェクトへの転送が完了するとトリガされます.
オンセルchange
IE 5、N
データソースが変化した場合
ondataavailable
IE 4、N
データ受信が完了したらイベントをトリガします.
ondatasetch anged
IE 4、N
データソースが変化したときにトリガされるイベント
ondataset complettee
IE 4、N
サブデータソースに来たすべての有効データの読み出しが完了したら、このイベントをトリガします.
オーロラpdate
IE 4、N
OnBeforeUpdateイベントを使用してデータ転送をキャンセルした場合、OnefterUpdateイベントの代わりに
onrowenter
IE 5、N
現在のデータソースのデータが変化し、新しい有効データがある場合にトリガされるイベントです.
onrowexit
IE 5、N
現在のデータソースのデータが変化しそうな時にトリガするイベントです.
ローソンdelete
IE 5、N
現在のデータレコードが削除されます.このイベントをトリガします.
onrows inserted
IE 5、N
現在のデータソースが新しいデータレコードを挿入するときにこのイベントをトリガします.
外部イベント
onafterprint
IE 5、N
文書を印刷すると、このイベントが起動されます.
onbeforeprint
IE 5、N
文書が印刷されます.このイベントを起動します.
onfilterchange
IE 4、N
あるオブジェクトのフィルタ効果が変化したときにトリガされるイベント
onhelp
IE 4、N
このイベントは、閲覧者がF 1またはブラウザのヘルプ選択を押すとトリガされます.
onpropertychange
IE 5、N
このイベントは、オブジェクトの属性の一つが変化したときにトリガされます.
onreadystatechange
IE 4、N
このイベントは、オブジェクトの初期化属性値が変化したときにトリガされます.
onactivate オブジェクトがアクティブな要素に設定されている場合にトリガします.
onafterudate データソースオブジェクト内の関連オブジェクトの更新に成功したら、データバインディングオブジェクト上でトリガします. onbeforedictivate はい、 activeElement 現在のオブジェクトから親文書の他のオブジェクトに変更する前にトリガします. onbefore udate データソースオブジェクトの関連オブジェクトの更新に成功する前に、データバインディングオブジェクト上でトリガします. onblur オブジェクトが入力焦点を失ったときにトリガします. oncontrollselect ユーザがオブジェクトにコントロール選択範囲を作成するときにトリガします. ondeactivate 質に入れる activeElement 現在のオブジェクトから親文書の他のオブジェクトに変更する場合にトリガします. オーロラpdate データソースオブジェクトの関連データの更新エラーが発生した場合、データバインディングオブジェクト上でトリガします. onfocus オブジェクトがフォーカスを得るとトリガされます. onload ブラウザでオブジェクトの読み込みが完了したら、直ちにトリガします. onmove オブジェクトが移動するときにトリガします. onmoveend オブジェクトの移動が停止されるとトリガされます. onmovestart オブジェクトの移動開始時にトリガします. onreadystatechange オブジェクト状態を変更するとトリガします. onresizend 選択したコントロール内のオブジェクトのサイズを変更したときに、ユーザがトリガします. onresizerstart ユーザがコントロール選択エリアのオブジェクトのサイズを変更し始めると、トリガします. ontimeerror 特定の時間エラーが発生すると無条件トリガとなり、通常は属性を無効値に設定することによって引き起こされる.
JavaScript イベントは直列に複数の処理を実行する方法です.
前書き JavaScript プログラム時、イベントはすべて採用されます.
object . event = handler ;しかし インターネットExplorer から 5.0 提供を開始しました. atachEvent この方法を使えば、一つのイベントに複数の処理手順を割り当てることができます.atachEvent 今のところの Opera 適用します.しかし問題はMozilla/Firefoxです. この方法はサポートされていません.しかし、もう一つのサポートがあります. addEvent Listener 方法は、この方法とatachEvent 同じように、一つのイベントに複数の処理手順を割り当てるためにも使われます.しかし、それらが割り当てたイベントには違いがあります. atachEvent 方法では、イベントは 「on」 冒頭の addEvent Listener のうち、事件には最初のものがない. on,その他 addEvent Listener 三つ目のパラメータがありますが、一般的にこのパラメータは false いいです
したがって、あなたのプログラムで一つのイベントに複数の処理手順を割り当てるには、まずブラウザを判断してから、別のブラウザによって使用することを選択します. atachEvent まだです addEvent Listener いいです.実例は以下の通りです
if ( document . all ) {
window . attachEvent ( ' onload ' , handler1 ) ;
window . attachEvent ( ' onload ' , handler2 ) ;
}
else {
window . addEventListener ( ' load ' , handler1 , false ) ;
window . addEventListener ( ' load ' , handler2 , false ) ;
}