IEのfireEventメソッド_javascriptスキルの概要と応用

WBOY
リリース: 2016-05-16 17:41:32
オリジナル
1206 人が閲覧しました

IE には fireEvent メソッドが用意されており、その名前が示すように、イベントの発生をトリガーすることを意味します。最初は onclick() を使うのと同じだと思っていましたが、意外にも最近 JavaScript の入門書を書いているときに発見しました。 JavaScriptについてはまだまだ細かい部分がマスターできていない部分がたくさんあるようです!

次に、独自の概要に基づいて、fireEvent メソッドの使用法を詳細に記録します。 fireEvent は IE によって提供されるメソッドです。msdn ドキュメント アドレス: http://msdn.microsoft.com/en-us/library/ms536423(v=vs.85).aspx

onclick( )
まず、最初のコード例を見てみましょう:

コードをコピーします コードは次のとおりです:


  • 私は 2 人です;

  • 私は 3 人です;
    🎜>< ;button onclick='document.getElementById("id1").onclick();'>click me!


    このコードでは、onclick を追加しませんid1 イベントの li に、ボタンをクリックすると、「オブジェクトはこのプロパティまたはメソッドをサポートしていません。」というエラーが報告されます。 DOM.onclick() を使用するには、onclick イベントを追加する必要があることがわかります。


  • 上記のコードを
    に変更すると:
    • 私は 1 人です;

    • 私は 2 人です;

    • 私は 3 人です;


    fireEvent と onclick() が同じイベントをトリガーするかどうかを見てみましょう。以下のコードを見てください。


    コードをコピーします
    コードは次のとおりです。 < ul onclick='alert (event.srcElement.innerHTML);'>
  • 私も一人です;
  • ;私は 2 人です;
  • 私は 3 人です;

    <ドキュメント.getElementById("id1 ").fireEvent("onclick")'>fireEvent !


    ボタンをクリックすると、ul の onclick イベントがトリガーされ、fireEvent がバブリングを引き起こし、onclick イベントは発生しません () 「オブジェクトはこのプロパティまたはメソッドをサポートしていません」というプロンプトが表示され、id1 の onclick イベントは追加しなくてもバブルする可能性があることを示しています。
    このことから、IE の fireEvent メソッドは、単に onclick ではなく、ユーザーのマウス クリック動作をシミュレートすることに似ていることがわかります。

  • fireEvent と onclick の違いの概要

    上記の例からわかるように、DOM fireEvent と onclick (これは単なる代表例です) には次の違いがあります。 🎜>1.onclick が必要です onclick イベントは実際に DOM に追加されます。そうでない場合は、「オブジェクトはこの属性またはメソッドをサポートしていません」というエラーが報告されます。
    2. onclick は IE のバブリング プロセスを引き起こしませんが、fireEvent はバブリング プロセスを引き起こしますバブリング、fireEvent はユーザーの実際の動作トリガーに近くなります 3. 2 番目の記事から、fireEvent は DOM にクリック イベントがない場合でもエラーを報告せずに fireEvent を実行できます (ユーザーの実際の動作に近くなります)
    最後に、次のコードでテストできます
    :


    コードをコピー
    コードは次のとおりです:
    • 1;
    • 私は 2;
  • 私は 3;
  • ;

    <ボタン onclick='document .getElementById("id1").onclick();'>クリックしてください! 'document.getElementById("id1").fireEvent("onclick")'> fireEvent !
    関連ラベル:
    ソース:php.cn
    前の記事:入力ボックスを強調表示する構文を作成するための JavaScript 実装のアイデア box_javascript スキル 次の記事:js バッチでスタイルを設定する 3 つの方法 with_javascript 手法の使用は推奨されません。
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    著者別の最新記事
    最新の問題
    関連トピック
    詳細>
    人気のおすすめ
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート