JavaScriptでのタグクリックイベントの詳細説明

この記事では、aタグのクリックイベントに関する関連知識を詳しく紹介します。非常に良い参考値となっていますので、以下のエディタで見てみましょう

aタグのクリックイベントを処理すると、href=""が空であってもクリックイベントの効果が反映されないことがわかります。このような状況に対処する方法は次のとおりです:

a href="javascript:void(0);" rel="external nofollow" onclick="method()"

このメソッドは、js 関数の実行を担当し、void は最も包括的なメソッドです。 void (0) は未定義を返し、アドレスはジャンプしません。また、このメソッドは最初のメソッドのように js メソッドをブラウザのステータス バーに直接公開しません。

a href="javascript:;" rel="external nofollow" onclick="method()"

このメソッドは 2 つのメソッドに似ていますが、唯一の違いは空の js コードが実行されることです。

a href="#" rel="external nofollow" rel="external nofollow" onclick="method()"

このメソッドもインターネット上で非常に一般的なコードです。 # は、top の役割を表すタグに組み込まれたメソッドです。したがって、このメソッドを使用して Web ページをクリックすると、ページの先頭に戻ります。

a href="#" rel="external nofollow" rel="external nofollow" onclick="method();return false;"

このメソッドは、クリックして js 関数を実行した後に false を返します。これにより、ページはジャンプせず、実行後もページの現在位置に留まります。

以上がJavaScriptでのタグクリックイベントの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。