javascript - <a> 要素と <input> 要素での JS イベント実行の問題

Question

リーリー

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

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

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

click

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

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

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

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

Answer 1

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

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

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

Answer 2

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

を書きます