С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.89/100: Рейтинг темы: голосов - 100, средняя оценка - 4.89
 Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532

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

30.08.2014, 23:10. Показов 19108. Ответов 13
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте.
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
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
30.08.2014, 23:10
Ответы с готовыми решениями:

Как получить id элемента по которому кликнули
Добрый день форумчане. Мне нужно сделать добавление нового элемента после элемента по которому кликнули. Я использую функцию: ...

Как получить id элемента по которому кликнули?
Подскажите кто знает, как получить id элемента по которому кликнули. Onclick в элементе не указан есть только id и class, клик определяю...

Как получить id iframe, по которому кликнули или поставили курсор, который в общем активен
Напишу и сюда как получить id i-frame? Почему-то такая функция не пашет document.onclick = function(event){ event = event ||...

13
z-z
170 / 169 / 56
Регистрация: 22.06.2011
Сообщений: 980
30.08.2014, 23:11
SanychBY, href - это и есть ссылка целиком)) что вам конкретно нужно?
0
 Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532
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
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
30.08.2014, 23:15
Лучший ответ Сообщение было отмечено SanychBY как решение

Решение

Цитата Сообщение от 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'));
1
 Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532
30.08.2014, 23:18  [ТС]
Цитата Сообщение от KOPOJI Посмотреть сообщение
Ну если так сильно волнует, можете повесить на документ обработчик
Это намного быстрее выполняется? Как тут получить href?
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
30.08.2014, 23:19
Цитата Сообщение от SanychBY Посмотреть сообщение
Это намного быстрее выполняется?
не знаю, не замерял.
Цитата Сообщение от SanychBY Посмотреть сообщение
Как тут получить href?
заменить this на target
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
30.08.2014, 23:33

Не по теме:

Цитата Сообщение от SanychBY Посмотреть сообщение
что же выбрать....
Кликните здесь для просмотра всего текста

0
 Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532
30.08.2014, 23:35  [ТС]
KOPOJI, благодарю за концерт=) А по делу что?
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
30.08.2014, 23:35
SanychBY, так откуда я знаю, что вам будет лучше
0
 Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532
30.08.2014, 23:39  [ТС]
Цитата Сообщение от KOPOJI Посмотреть сообщение
SanychBY, так откуда я знаю, что вам будет лучше
Я склоняюсь больше к Вашему варианту. Пусть дергается. Все равно в 90% случаях кликаем то по ссылкам. А если подгрузка ajax будет, то это потом опять эти ссылки циклом бегай - морока...
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
30.08.2014, 23:39
Помогаю со студенческими работами здесь

Обработка элемента по которому кликнули
Привет. С JavaScript пока мало знаком. Так я обрабатываю 1 элемент с Id document.getElementById(&quot;element1&quot;).onmousedown =...

Как получить координаты клика относительно объекта по которому кликнули?
на сколько я понял event.clientX event.clientY координаты мышы относително окна браузера event.pageX event.pageY

Определение id элемента, по которому кликнули
Опишите пожалуйста без сложных терминов что происходит в первой строчке и во второй... что именно присваивается переменной... я так...

По клику выдается innerHTML из последнего label. Как сделать, чтобы выдавался из того. по которому кликнули?
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot; /&gt; &lt;title&gt;fНовые элементы циклом&lt;/title&gt; &lt;/head&gt; &lt;div...

Как получить информацию с блока по которому кликнули?
Здравствуйте уважаемый форумчане. Подскажите пожалуйста как получить информацию с блока в котором кликнул по ссылке? &lt;div...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
14
Ответ Создать тему
Новые блоги и статьи
Модель микоризы: классовый агентный подход
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-динозавры, а новое поколение лёгких потоков. Откат?. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru