Javascript-форум - как узнать,что на объект нажали кнопкой мышки или id объекта,на который нажали?

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - как узнать,что на объект нажали кнопкой мышки или id объекта,на который нажали? (https://javascript.ru/forum/dom-window/25267-kak-uznat-chto-na-obekt-nazhali-knopkojj-myshki-ili-id-obekta-na-kotoryjj-nazhali.html)

как узнать,что на объект нажали кнопкой мышки или id объекта,на который нажали?

как узнать id или класс объекта,на который нажали мышкой?

function getClickedElement(e){
if (navigator.userAgent.match('MSIE') || navigator.userAgent.match('Gecko')) {
var elem = document.elementFromPoint(e.clientX,e.clientY);
} else {
var elem = document.elementFromPoint(e.pageX,e.pageY);
}
return elem.id;
}
document.body.onclick = function(e) {
e = e || window.event;
id = getClickedElement(e);
//здесь можете работать с элементом
}

а если есть возможность, то проще повесить обработчик onclick на нужный вам элемент

Рукалтицо.жпг

<html>
<body id="id">   
body
<script>
window.onclick=function(e){
  var elem = e ? e.target : window.event.srcElement;
  alert(elem.id)
}
</script>
</body>
</html>

подведём итоги

document.body.onclick = function(e) {
var elem = e ? e.target : window.event.srcElement;
while(!(elem.id || (elem == document.body))) elem = elem.parentNode;
if (!elem.id) return; else id = elem.id;
/* если вдруг у элемента по которому кликнули нет id,
скрипт будет подниматься вверх по цепочке DOM узлов до близжайшего элемента с id или до тега body 
если элемент с id не будет найден, фи-я вырубится*/ 
//здесь работаете с id элемента
}

на мой взгляд это самый безопасный вариант
если с HTML'ом, то вот:

<html>
<body id="bodytag">
это текст прям в body'е
<div id="d1">текст дива 1</div>
<div id="d2">это текст дива 2 <span id="sp1">а в диве спан</span></div>
<div>а этот без id</div>
<script type="text/javascript">
document.body.onclick = function(e) {
var elem = e ? e.target : window.event.srcElement;
while(!(elem.id || (elem == document.body))) elem = elem.parentNode;
if (!elem.id) return; else id = elem.id;
/* если вдруг у элемента по которому кликнули нет id,
скрипт будет подниматься вверх по цепочке DOM узлов до близжайшего элемента с id или до тега body 
если элемент с id не будет найден, фи-я вырубится*/ 
//здесь работаете с id элемента
alert(id);//например
}
</script>
</body>
</html>

Раед, а собственно, почему бы не передать ссылку на объект, по которому кликнули?

Цитата:

Сообщение от trikadin

Раед, а собственно, почему бы не передать ссылку на объект, по которому кликнули?

откуда её взять, когда обработчик на весь body

Цитата:

Сообщение от Раед

откуда её взять, когда обработчик на весь body

Мда)

Цитата:

Сообщение от Aetae

<html>
<body id="id">   
body
<script>
window.onclick=function(e){
  *!*var elem = e ? e.target : window.event.srcElement*/!*;
  alert(elem.id)
}
</script>
</body>
</html>

trikadin,
ну так в последнем варианте я это и использую

Цитата:

Сообщение от Раед

подведём итоги
1 document.body.onclick = function(e) {
2 var elem = e ? e.target : window.event.srcElement;
3 while(!(elem.id || (elem == document.body))) elem = elem.parentNode;
4 if (!elem.id) return; else id = elem.id;
5 /* если вдруг у элемента по которому кликнули нет id,
6 скрипт будет подниматься вверх по цепочке DOM узлов до близжайшего элемента с id или до тега body
7 если элемент с id не будет найден, фи-я вырубится*/
8 //здесь работаете с id элемента
9 }

на мой взгляд это самый безопасный вариант
если с HTML'ом, то вот:
01 <html>
02 <body id="bodytag">
03 это текст прям в body'е
04 <div id="d1">текст дива 1</div>
05 <div id="d2">это текст дива 2 <span id="sp1">а в диве спан</span></div>
06 <div>а этот без id</div>
07 <script type="text/javascript">
08 document.body.onclick = function(e) {
09 var elem = e ? e.target : window.event.srcElement;
10 while(!(elem.id || (elem == document.body))) elem = elem.parentNode;
11 if (!elem.id) return; else id = elem.id;
12 /* если вдруг у элемента по которому кликнули нет id,
13 скрипт будет подниматься вверх по цепочке DOM узлов до близжайшего элемента с id или до тега body
14 если элемент с id не будет найден, фи-я вырубится*/
15 //здесь работаете с id элемента
16 alert(id);//например
17 }
18 </script>
19 </body>
20 </html>

Раед, а вы зачем по цепочке вверх поднимаетесь? Человеку нужен сам объект)