Получить элемент, по которому кликнули

@SanychBY · Регистрация: 04.06.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте.

HTML5
1
2
<a href="#">Войти</a>
<a href="#">Зарег.</a>

Суть такая, когда я кликаю на любой тег a, то нам необходимо получить его значение href, при этом мы не можем прописать так

JavaScript
1
2
<a href="#" onckick='cl(this)'>Войти</a>
<a href="#" onckick='cl(this)'>Зарег.</a>

Надеюсь на Вашу помощь.

Добавлено через 6 минут
Отринул лень и изобрел код=)

JavaScript
1
2
3
4
5
6
7
8
9
10
11
window.onload = function ()
        {
            for(var pf= 0;document.getElementsByTagName('a').length>pf;pf++)
            {
            document.getElementsByTagName('a')[pf].onclick = function()
            {
               alert('click');
                return false;
            }
            }
        }

Что скажете?

Добавлено через 56 секунд
Меня волнует цикл, если на странице много ссылок могут быть проблемы?

Добавлено через 4 минуты

JavaScript
1
alert(this.href);

выдает ссылку целиком вместе с доменом, а мне нужно только то, что в href

z-z · 30.08.2014, 23:11

SanychBY, href - это и есть ссылка целиком)) что вам конкретно нужно?

@SanychBY · 30.08.2014, 23:15 **[ТС]**

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

а мне нужно только то, что в href

в данном случаи получить одну #

Добавлено через 39 секунд

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

Меня волнует цикл, если на странице много ссылок могут быть проблемы?

и вот это еще

Добавлено через 2 минуты

JavaScript
1
<a href="mail.php?m=123" onckick='cl(this)'>Войти</a>

получить mail.php?m=123

KOPOJI · 30.08.2014, 23:15

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

Меня волнует цикл

Ну если так сильно волнует, можете повесить на документ обработчик

JavaScript
1
2
3
4
5
6
7
8
9
document.onclick = function(event) {
    event = event || window.event
    var target = event.target || event.srcElement
    if('A' === target.tagName)
    {
        alert('click')
        return false
    }
}

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

получить одну #

JavaScript
1
alert(this.getAttribute('href'));

@SanychBY · 30.08.2014, 23:18 **[ТС]**

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

Ну если так сильно волнует, можете повесить на документ обработчик

Это намного быстрее выполняется? Как тут получить href?

KOPOJI · 30.08.2014, 23:19

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

Это намного быстрее выполняется?

не знаю, не замерял.

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

Как тут получить href?

заменить this на target

z-z · 30.08.2014, 23:22

я не думаю, что обработка 100-200-500 (ну может быть 1000-2000) ссылок очень помешает работе браузера, если конечно не заходить с допотопного компа))

@SanychBY · 30.08.2014, 23:23 **[ТС]**

z-z, мне вариант KOPOJI больше нравится чем свой...на данный момент.

z-z · 30.08.2014, 23:26

при таком варианте функция будет срабатывать при клике на любой элемент на странице, будь то картинка, ссылка, текст, параграф или что-то другое... да, изначально возможно цикла не будет (я не знаю, как работает назначение события на документ)... но потом функция будет дергаться постоянно =)

@SanychBY · 30.08.2014, 23:28 **[ТС]**

ммм, что же выбрать....

KOPOJI · 30.08.2014, 23:33

Не по теме:

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

что же выбрать....

Кликните здесь для просмотра всего текста

@SanychBY · 30.08.2014, 23:35 **[ТС]**

KOPOJI, благодарю за концерт=) А по делу что?

KOPOJI · 30.08.2014, 23:35

SanychBY, так откуда я знаю, что вам будет лучше

@SanychBY · 30.08.2014, 23:39 **[ТС]**

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

SanychBY, так откуда я знаю, что вам будет лучше

Я склоняюсь больше к Вашему варианту. Пусть дергается. Все равно в 90% случаях кликаем то по ссылкам. А если подгрузка ajax будет, то это потом опять эти ссылки циклом бегай - морока...

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 05.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .

z-z 170 / 169 / 56 Регистрация: 22.06.2011 Сообщений: 980
	30.08.2014, 23:11
	SanychBY, href - это и есть ссылка целиком)) что вам конкретно нужно? 0

z-z 170 / 169 / 56 Регистрация: 22.06.2011 Сообщений: 980
	30.08.2014, 23:22
	я не думаю, что обработка 100-200-500 (ну может быть 1000-2000) ссылок очень помешает работе браузера, если конечно не заходить с допотопного компа)) 0

@SanychBY 39 / 46 / 3 Регистрация: 04.06.2013 Сообщений: 1,532
	30.08.2014, 23:23 [ТС]
	z-z, мне вариант KOPOJI больше нравится чем свой...на данный момент. 0

z-z 170 / 169 / 56 Регистрация: 22.06.2011 Сообщений: 980
	30.08.2014, 23:26
	при таком варианте функция будет срабатывать при клике на любой элемент на странице, будь то картинка, ссылка, текст, параграф или что-то другое... да, изначально возможно цикла не будет (я не знаю, как работает назначение события на документ)... но потом функция будет дергаться постоянно =) 0

@SanychBY 39 / 46 / 3 Регистрация: 04.06.2013 Сообщений: 1,532
	30.08.2014, 23:28 [ТС]
	ммм, что же выбрать.... 0

@SanychBY 39 / 46 / 3 Регистрация: 04.06.2013 Сообщений: 1,532
	30.08.2014, 23:35 [ТС]
	KOPOJI, благодарю за концерт=) А по делу что? 0

KOPOJI Почетный модератор 16844 / 6724 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	30.08.2014, 23:35
	SanychBY, так откуда я знаю, что вам будет лучше 0

Получить элемент, по которому кликнули

Решение