javascript - <a> 要素と <input> 要素での JS イベント実行の問題
黄舟
黄舟 2017-06-28 09:22:39
0
2
584
リーリー

これら 2 つのイベントをクリックすると、何か違うことが起こりました。 ?

a 要素の場合: 最初にコードを実行して console.log('global') を出力し、次に a をクリックしてポイント要素を描画します (図: )

button 要素の場合: 最初にコードを実行し、console.log('global') を出力して、次に示すように btn をクリックします。形: #### ##### ###全体:############ つまり、

click

イベントは、2 つの要素で異なる方法で実行されます。a 要素の click イベントは、関数の外でコードを 1 回実行します。これはなぜですか? ! 誰かが、自分の環境では Chrome を使用するのが普通だと言いましたが、コンソールをアラートに変更しましたが、状況は同じです。私もクロームを使っています。

しかし、IE ではそうではありません。実行後、グローバル アラートがポップアップします。a タグをクリックすると、最初に関数がポップアップし、その後ページが直接ジャンプします。クロム。どうしたの! (編集者: HBuilder)

PS: カルーセル画像の例を作成しようとしたときに、a 要素を矢印ボタンとして使用したため、画像が 55555 ( に相当) を切り替えることができなくなりました。

グローバル スコープ内のコードをクリックすると実行...)

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全員に返信(2)
三叔

ははは、それは本当に興味深い質問です。しばらく読んでから気付きました。
a タグに href 属性が設定されていないためです。
以下と同等です。ログ -&gt ; ロググローバルを再度更新しました

2番目のグローバルが存在しない場合は、aタグにhref="#"を設定して確認できます。

あと、次回からはスクリーンショットのフォントを大きくしてください...目が悪いのでよく見えません

いいねを押す +0
仅有的幸福

タグイベントバインディング関数にevent.preventDefault();

を書きます
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!