イベントのキャプチャ
2020 ワード
一.≪イベント|Events|ldap≫
1.
二.イベントエージェント(親要素をバインドし、DOMバブルが発生した後に実行)
三.マウスイベントのキャプチャ
1.
四.フォームイベントのキャプチャ
1.
1.
1.
ready()
HTML文書の読み込みが完了するとトリガーする.$(document).ready(function(){alert("The DOM is ready")});
2. load()
すべてのコンポーネントのロードが完了するとトリガーされ、例:ピクチャプリロード.3.unload()
ウィンドウは、新しいページを閉じるまたは開く.4.resize()
ユーザがブラウザウィンドウを大きく変更するとき.5.scroll()
ユーザがウィンドウをスクロールするとき.6.error()
HTTP要求にエラーが発生した場合、例:代替画像を表示する二.イベントエージェント(親要素をバインドし、DOMバブルが発生した後に実行)
.bind(event type,event handler)
方法:$(document).ready( function(){$('.mylink').blind('click',alertMe);} );
..live(event type,event handler)
はDOMが現在存在するだけでなく、将来存在する可能性のある(動的に生成される)要素も作用し、常に動的に要素を追加する場合に役立ちますが、チェーン呼び出し方式はサポートされていませんか?onに変える必要があります.3..delegate('.oDiv','click',function(){})
:動的生成を処理することができ、チェーン呼び出しもサポートする.三.マウスイベントのキャプチャ
1.
click
:マウスクリックで離す.2.dblclick
:マウス3をダブルクリック.mousedown
:マウスが押す.4.mouseup
:マウスを離す.5.mouseenter
:ある元素領域に入る.6.mouseleave
:ある区域を離れる.7.mousemove
:エリア内を移動する.8.mouseout
:ある要素とその親要素を離れる.9.mouseover
:ある要素とその親要素に入る.使用:(.oDiv).bind('click',function())
または変更方法$('.oDIv').click(function({$('.oDiv1').toggle();});
.bind({mouseenter : function(){},mouseleave : function(){};})
キー値対応用:ショッピングカートをドラッグしてmousedown,mouseup
を追加し、経路を変更してmouseenter,mouseleave
を反転させる四.フォームイベントのキャプチャ
1.
change()
フォーム値の変更1.focus()
テキストフィールドTABは、フォーカス1に入るか、または得る.focusin()
元素またはそのサブ元素は焦点1を得る.focusout
元素またはそのサブ元素は焦点1を失う.blur()
(input:text textarea)焦点1を失う.select()
要素内のテキストが選択する.submit()
フォームの発行またはenter 1.reset()
フォーム使用input type="reset"
五.キーボードイベントのキャプチャ1.
keydown()
キーが押下するとき1.keypress()
キーが1回又は複数回押すとき1.keyup()
キーが跳ね上がると