ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript アクティブディスパッチイベントの概要_JavaScript スキル

JavaScript アクティブディスパッチイベントの概要_JavaScript スキル

WBOY
リリース: 2016-05-16 18:03:26
オリジナル
1340 人が閲覧しました

1.dispatchEvent()
これは、 標準の トリガー イベント メソッドです。これを使用する場合は、最初にイベント オブジェクトを作成する必要があります。以下のように

コードをコピー コードは次のとおりです。

var evt = document.createEvent( 'イベント') ;
evt.initEvent('click',true,true);

2, fireEvent()
古いバージョンの IE では、実装されたトリガー イベント メソッドは、イベント オブジェクトを作成せずに直接使用できます。次のように

コードをコピーします コードは次のとおりです。
element.fireEvent('onclick ');

注:attachEvent と同様に、次のように
すべてのブラウザと互換性のあるバージョンを追加する必要があります

コードをコピー コードは次のとおりです:
vardispatch = window.addEventListener ?
function(el, type){
try {
var evt = document.createEvent('イベント');
evt.initEvent(type,true,true);
el.dispatchEvent(evt); (e)};
} :
function(el, type){
try{
el.fireEvent('on' type); catch(e){alert(e) )}
};


上記は、さまざまなイベントをトリガーできる、イベントをトリガーするための一般的なメソッドをカプセル化しています。ブラウザには、個々のイベントをトリガーするための特定のメソッドも用意されています。
4. click()
は、非入力/ボタンをサポートしていない Safari/Chrome を除き、他のブラウザーでサポートされています。
5, form.submit()
input[type=submit] のクリックに関連してフォーム送信をシミュレートします。
6, input/textarea.select()
ユーザーが選択したテキストをシミュレートします。
7, focus()
カーソル フォーカスの取得をシミュレート
8, Blur()
カーソル フォーカスの喪失をシミュレート
9, input/textarea/select.change()
テキストをシミュレートまたはオプションは
10 に変更されます。カスタム イベントのディスパッチでは、実際には関数を取得してから
を呼び出します。
関連:
https://developer.mozilla.org/En/DOM/Element.dispatchEvent


http://msdn.microsoft.com/en-us /library/ms536423(v=VS.85).aspx
https://developer.mozilla.org/en/DOM/Input.select

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート