ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でクリックされたボタンの ID を特定するにはどうすればよいですか?

JavaScript でクリックされたボタンの ID を特定するにはどうすればよいですか?

Linda Hamilton
リリース: 2024-12-02 04:14:12
オリジナル
439 人が閲覧しました

How Do I Identify the ID of a Clicked Button in JavaScript?

クリックされたボタンの ID の識別

HTML および JavaScript では、onClick イベントを利用して、ボタンとのユーザー操作を処理できます。一般的なシナリオは、イベントをトリガーした特定のボタンを識別することであり、その ID を取得する必要があります。

これを行うには、クリックされたボタンの ID をパラメーターとしてイベント ハンドラー関数に渡すことができます。実装方法は次のとおりです:

  1. 各ボタンに一意の ID を割り当てます:
<button>
ログイン後にコピー
  1. イベント ハンドラー関数で、次のキーワードを表す this キーワードにアクセスします。イベントをトリガーした DOM 要素:
function handleButtonClick(clickedButtonId) {
  // Perform actions based on the clicked button's ID
  alert(clickedButtonId);
}
ログイン後にコピー

この例では、 handleButtonClick 関数は、クリックされたボタンの ID をパラメーターとして受け取り、クリックされたボタンに応じて特定の操作を実行できるようにします。

以上がJavaScript でクリックされたボタンの ID を特定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート