jqueryで、どちらのボタンが押されたかを判別したい（イベントバブリング）

前提・実現したいこと

発火はボタンの親のdivでする事が前提です。
イベントバブリングされる事が前提です。

発生している問題・エラーメッセージ

どちらかのボタンを押すと発火するコードですが関数func_Aで、どちらのボタンが押されたかを判別したいです。
宜しくお願い致します。

該当のソースコード

js
1ソースコード
2        <div onClick="func_A();">
3        　　<input type="button" value="button1">
4　　　　　　 <input type="button" value="button2">
5        </div>
6
7        <script>
8        function func_A(){
9          alert("発火");
10        }
11        </script>

kei344

2019/11/02 18:46

（質問文は編集できます）ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

行動規範の内容に同意します

回答1件

ベストアンサー

jQueryで、というご質問ですけど該当のソースコードjQuery使われてないですね…
event.targetで実際に押された要素が取れますから、それを使ってください。
今回のコードの場合valueが異なるようですからそれで判別すればいいでしょう。

javascript
1function func_A(){
2  if (event.target.value === 'button1') {
3    alert("ボタン１が押された");
4  } else if (event.target.value === 'button2') {
5    alert("ボタン２が押された");
6  }
7}