イベントのキャプチャ

2020 ワード

一.≪イベント|Events|ldap≫
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()キーが跳ね上がると