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

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

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-02 04:14:12432ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。