Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでonchangeイベントを手動でトリガーするにはどうすればよいですか？

dispatchEventメソッドを使用して、個々の要素にイベントをディスパッチできます。 onChangeイベントを使用した要素テストがあるとします-

<input id="test" type="text"/>

イベントハンドラ-

document.querySelector('#test').addEventListener('change', () =>
console.log("Changed!"))

イベントを手動でトリガーする-

const e = new Event("change");
const element = document.querySelector('#test')
element.dispatchEvent(e);

これにより、次のログが記録されます-

Changed!

  1. JavaScriptで指定された要素にイベントハンドラーを追加するにはどうすればよいですか？

    JavascriptはaddEventListener（）を提供します イベントハンドラーをアタッチするメソッド 指定された要素に。このメソッドは、既存のイベントハンドラーを上書きせずに、イベントハンドラーを要素にアタッチします。一度に、要素に多くのイベントハンドラーを追加することができます。 addEventListener（） メソッドを使用すると、イベントがバブリングにどのように反応するかを簡単に制御できます。 。マウスオーバー、クリックなど、多くのイベントを適用できます。 例 次の例では、マウスオーバー イベントが割り当てられます。したがって、ボタンにマウスを置くと、出力に示され

  2. どうすればトリガーを破棄できますか？

    トリガーを破棄するには2つの方法があります- トリガーを明示的にドロップする DROPステートメントを使用すると、トリガーを明示的に破棄できます。次の例の助けを借りて理解することができます- mysql> DROP Trigger before_inser_studentage1; Query OK, 0 rows affected (0.05 sec) トリガーを暗黙的にドロップする トリガーが関連付けられているテーブルが破棄された場合、または関連付けられているデータベースが破棄された場合、トリガーは暗黙的に破棄されます。