[JavaSctipt]どこがクリックされたかを知りたい

Question

もし以下のような機能がありましたらお教え下さい。

JavaScript(JQuery)で画面内のどこをクリックされたかがわかる。

html内で例えば id = someWhere1, id=someWhere2…などと
属性値を置いておいて

$("#someWhere1").click(){
 console.log("1 is clicked");
}
$("#someWhere2").click(){
 console.log("2 is clicked");
}
・
・

のような方法でクリックされた場所を得る方法が
普通なのかもしれません。

もしもそのようにいちいち上記の無名関数を張らずに
「ここがクリックされましたよ」と場所・位置・タグ名などを
取得できる機能、それに近い機能などありましたらお教えください。

宜しくお願いします。

Answer 1

下記のようなことでしょうか。

<div id="someWhere1">あああ</div>
<div id="someWhere2">いいい</div>
<div id="someWhere3">ううう</div>
<div id="someWhere4">えええ</div>

$(document).click(function(event){
  var target = $(event.target);
  console.log('id:' + target.attr('id'));
  console.log('text:' + target.text());
});

Comments

[clifbrs8384]

ありがとうございます！その方向性で試してみたいです！

Answer 2

clickイベント内で$(this)を参照すると「クリックイベントが発生した要素」がわかります。

Comments

[clifbrs8384]

迅速な対応ありがとうございます。
多くのサンプルソースなどでclickイベントは「セレクタ.click()... 」という風に記載されていますが
このセレクタ部分を書かず「どこかしらがクリックされたとき」というようなイベントは作成できる
ものでしょうか…？

[m.ts10806]

いえ、JavaScriptはあくまでイベント駆動の言語です。どこかしらは指定しなければなりません。
ただ、$(document)などをセレクタに指定すれば「ドキュメントのどこかをクリックしたら」でイベント発生させられると思います。試してみてください。
bodyとかでも効きそうですね。

[x_x]

this ではわからないと思います

[m.ts10806]

組み方次第ですかね？
確かに先の回答にあるevent.targetが確実ですね。勉強になりました。

Answer 3

HTMLはタグが多重に入れ子するので、「ここが」を確定するのは難しいです
ご自身がこれだとおもってクリックしたものが、
js側ではその親や子をクリックしたと判断される場合もあるでしょう