2015-02-11 3 views
0
<html> 
<head> 

<script type="text/javascript"> 
function getElement(e) { 
    var element = e.target || e.srcElement; 
    alert(element.id); 
} 
</script> 

</head> 
<body onclick="getElement()"> 

<div id="div1"></div> 
<div id="div2"></div> 

</body> 
</html> 

Пробовал это, чтобы получить идентификатор элемента, щелкнув и предупредив об этом. Я уверен, что это что-то довольно простое.Получить ID элемента щелкнули

Может ли кто-нибудь помочь?

+0

Проверьте консоль на наличие ошибок. – zerkms

ответ

3

Это на самом деле довольно простой, прекратить использование встроенных обработчиков событий

<!DOCTYPE html> 
    <head> 
     <title>It works</title> 
    </head> 
    <body> 

     <div id="div1"></div> 
     <div id="div2"></div> 

     <script type="text/javascript"> 
      document.addEventListener('click', function(e) { 
       alert(e.target.id); 
      }, false); 
     </script> 
    </body> 
</html> 

FIDDLE

+0

Отлично, спасибо. –

+0

Добро пожаловать! – adeneo

1

В данном конкретном случае, вам нужно на самом деле отправить в event объекта при привязке к onclick обработчика (например, ниже) ,

Однако я бы настоятельно советовал использовать этот подход!

Использовать вместо document.addEventListener.

<html> 
 
<head> 
 

 
<script type="text/javascript"> 
 
function getElement(e) { 
 
    var element = e.target || e.srcElement; 
 
    alert(element.id); 
 
} 
 
</script> 
 

 
</head> 
 
<body onclick="getElement(event)"> 
 

 
<div id="div1">First Div</div> 
 
<div id="div2">Second Div</div> 
 

 
</body> 
 
</html>

Смежные вопросы