ネイティブJSを扱うイベント処理やイベントを反応させます

1.イベントは、コールと、このポイントをトリガ

1.ネイティブJS

イベントは次の3つの方法で呼び出しをトリガー：

1）[イベント]イベントに、手動でトリガ❗️ [イベント]イベント上のウィンドウオブジェクトのメソッドです。

2）上の[イベント]イベント、htmlElement.clickによって（）アナログトリガ

3）のaddEventListenerは手動でトリガ、イベントのリスニング

この時点

OnEventの場合1）このイベントは、DOMオブジェクトの転送を得るために、パラメータとして渡されます。あなたは、このメソッドを使用して、現在のDOMを取得することができます。

2）このダイレクトアクセス方法、この点現在の機能の範囲です。またはオブジェクトの関数を呼び出します。

<BODY> 
    の<input type = "チェックボックス" ID = "ルート"のonmouseover = "toclick（この、イベント）"のonclick = "追加（）" /> 
    <ボタンのonclick = "A.test（この）">テスト</ボタン> 
    <SCRIPT> 関数toclick（argThis、E）{ 
            にconsole.log（E）; // イベントオブジェクト、パラメータを手動で転送する必要 
            はconsole.log（argThisを）; //は、この方法により、この点DOM要素上を通過自分自身を呼び出す   
            CONST = rootEle argThis; // 同等のdocument.getElementById（ 'ルート'）; 
            rootEle.click（）; // そこにはパラメータはありませんが、トリガ        }
         機能追加（アルギニン）{ 
            にconsole.log（アルギニン）を、// イベントを取得したいイベントの未定義の説明とパラメータを渡すために必要なその他のパラメータ
        

            console.log（この）; // トリガrootEleによってトリガウィンドウマウスオーバー内部又は直接のいずれかで直接追加（）を実行対応
        } 
        CONST A = { 
            テスト（argThis）{ 
                ;はconsole.log（argThis）// DOMを要素 
                にconsole.log（この）; // この対象点A？
            } 
        } 
        CONST rootEle =のdocument.getElementById（ "ルート" ）; 
        rootEle.addEventListener（ 'クリック'、関数（）{ 
            にconsole.log（「聞く=== 」、この）; //DOM要素、呼び出し向けリスナーオブジェクト
        }）
      </ SCRIPT> 
</ BODY>

ネイティブJSを扱うイベント処理やイベントを反応させます

1.イベントは、コールと、このポイントをトリガ

1.ネイティブJS

おすすめ