JAvascriptアクティブ配布イベントの概要

1609 ワード

1,dispatchEvent()これは標準的なトリガイベントメソッドであり,使用時にイベントオブジェクトを先に作成する必要がある.次のように
 
  
var evt = document.createEvent('Event');
evt.initEvent('click',true,true);
element.dispatchEvent(evt);

2,fireEvent()
これはIEの旧バージョンで実装されたトリガイベントメソッドで、イベントオブジェクトを作成する必要がなく、直接使用します.次のように
 
  
element.fireEvent('onclick');

注意:attachEventと同様に「on」を付ける必要があります.
互換性のあるすべてのブラウザのバージョンは、次のとおりです.
 
  
var dispatch = window.addEventListener ?
function(el, type){
try{
var evt = document.createEvent('Event');
evt.initEvent(type,true,true);
el.dispatchEvent(evt);
}catch(e){alert(e)};
} :
function(el, type){
try{
el.fireEvent('on'+type);
}catch(e){alert(e)}
};

上にカプセル化されたのは、イベントをトリガする一般的な方法であり、すなわち、様々なイベントをトリガすることができる.ブラウザは、個別のイベントをトリガーするための特定の方法も提供します.
4,click()
ユーザーのクリックをシミュレートするために使用されます.Safari/Chromeではinput/button以外のブラウザではサポートされていません.
5,form.submit()
シミュレーションformコミット、input[type=submit]クリックに対して
6,input/textarea.select()
ユーザー選択テキストをシミュレートします.
7,focus()
シミュレーションカーソルフォーカスの取得
8,blur()
シミュレーションがカーソルフォーカスを失う
9,input/textarea/select.change()
シミュレーションテキストまたはオプションが変更されました
10、カスタムイベントの配布は実際にこの関数を取得し、呼び出すことです.
関連:https://developer.mozilla.org/En/DOM/Element.dispatchEventhttp://msdn.microsoft.com/en-us/library/ms536423%28v=VS.85%29.aspxhttps://developer.mozilla.org/en/DOM/Input.select