<head>
<script type="text/javascript">
function TellTagName(elem)
{
if(elem)
{
alert("Вы кликнули на тэге <"+elem.tagName+">, параметр name этого тэга - '" +elem.id+"'");
}
}
</script>
</head>
<body>
<div id="DivID" onclick="TellTagName(this)">Click Me!(div)</div>
<span id="SpanID" onclick="TellTagName(this)">Click Me!(span)</span>
</body>
JavaScript: как узнать, на каком элементе кликнули?
Подскажите, пожалуйста, как можно узнать на каком тэге был клик? Т.е., юзер кликает в каком-то месте странички, а мне, к примеру, надо выдать алерт с надписью "Вы кликнули на тэге <a>, параметр name этого тэга - 'my_link'".
в onclick - функции передать this, откуда уже можно брать все что угодно. начиная от имени тега, и заканчивая значениями твоих собственных параметров. А вообще стоит взять книгу по JS почитать, поставить мозилу с firebug(ИМХО, там довольно таки удобно работать с скриптами: и подебажить можно, и параметры подскажет) и покопатся во всем этом.
А вот примерчик небольшой(правда искать как добыть name - было лень, хотя можно втупую elem.getAttribute('name'), но в любом случае id, на сколько я помню, лучше использовать для идентификации конкретного элемента, чем name):
А вот примерчик небольшой(правда искать как добыть name - было лень, хотя можно втупую elem.getAttribute('name'), но в любом случае id, на сколько я помню, лучше использовать для идентификации конкретного элемента, чем name):
Код:
Этот способ очевиден. Но было бы нерационально вписывать в каждый тэг на странице onClick="....". Хотелось бы повесить какой-то обработчик на событие onClick - и при клике в любой точке страницы узнавать на какой тэг кликнули. Что-то вроде document.onclick = function (e) {....} - только я не знаю, можно ли из этого e достать название тэга.
А файрфокс с файрбагом у меня давно стоит :)
А файрфокс с файрбагом у меня давно стоит :)
Ну собственно, так и надо :)
Вот так работает:
document.onclick = function( e )
{
alert( e.target.tagName );
}
Вот так работает:
document.onclick = function( e )
{
alert( e.target.tagName );
}
Да, так круче. :) Спасибо :)