コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > イベントを複数回登録すると、イベントが複数回トリガーされる_JavaScript ヒント

イベントを複数回登録すると、イベントが複数回トリガーされる_JavaScript ヒント

WBOY
リリース： 2016-05-16 17:25:55
オリジナル
1492 人が閲覧しました

JavaScript ロジックは関数をボタンのクリック イベントに自動的にバインドしますが、このコードはイベントを繰り返し登録します。これは、ボタンがクリックされたときに複数回トリガーされる onNext 関数に依存しています。

これは、JQuery が複数回バインドするかどうかを内部で判断せず、イベント関数を保存するために内部で配列を使用し、重複を削除しないためであると考えられます。

次のコードは、この問題を回避します。解決策は簡単です。

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

if (!this.hasPageBarEvents) {
$ (".pNext").on("click", this, this.onNext);
this.hasPageBarEvents = true
}

この機能について注意してください将来的に JQuery を使用するとき。
関連ラベル：
多次注册事件 事件被触发多次
ソース：php.cn
前の記事：jqueryの簡単な応用例まとめ_jquery 次の記事：JS namespace_javascript スキルの別の実装
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
問題: MySQL 正規表現 (リミッターが機能しない) Mod 注意: 削除しないでください/閉じないでください。以前にこの質問をしましたが、管理者は別のユーザーの質問と似ていると考えたため、質問を閉じました。彼らが私に勧めたスレッドを...
から 2024-04-02 23:35:21
0
1
263
子 React コンポーネントに渡された useEffect を使用すると、関数が複数回呼び出される 複数の ChildComponent タグを持つページがあり、ユーザーがどの ChildComponent をクリックしたかに基づいて、各 ChildComponent にどの A...
から 2024-03-30 15:36:26
0
2
386
有効な電子メールアドレスにもかかわらず、JavaScript を使用した電子メール検証が機能しない htmlとjavascriptを使用して「ログイン」用と「登録」用の2つのフォームを作成しています。 JavaScript を使用して、フォームへの入力が有効かどうかを確認していま...
から 2024-03-30 14:49:34
0
1
333
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート