Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.04.2013, 18:06
Профессор
Отправить личное сообщение для torsar Посмотреть профиль Найти все сообщения от torsar
 
Регистрация: 06.01.2012
Сообщений: 409

на каком элементе списка произошел клик
<ul class="menu" id="menu">
            <li>
                <span>CARDS</span>
            </li>
            <li>
                <span>FILTERS</span>
            </li>
            <li>
                <span>STATS</span>
            </li>
            <li>
                <span>HELP</span>
            </li>
        </ul>


навесил на ul клик- событие
можно ли в этом событии определить на какоом li произошел клик
Ответить с цитированием
  #2 (permalink)  
Старый 25.04.2013, 00:22
Аватар для SkyLight
Злюка-бобер
Отправить личное сообщение для SkyLight Посмотреть профиль Найти все сообщения от SkyLight
 
Регистрация: 21.03.2010
Сообщений: 438

Да
__________________
In WEB We Trust
У всех есть своя темная сторона...
Ответить с цитированием
  #3 (permalink)  
Старый 25.04.2013, 03:37
Аватар для RazZzeR
Кандидат Javascript-наук
Отправить личное сообщение для RazZzeR Посмотреть профиль Найти все сообщения от RazZzeR
 
Регистрация: 11.12.2011
Сообщений: 146

Сообщение от torsar Посмотреть сообщение
<ul class="menu" id="menu">
            <li>
                <span>CARDS</span>
            </li>
            <li>
                <span>FILTERS</span>
            </li>
            <li>
                <span>STATS</span>
            </li>
            <li>
                <span>HELP</span>
            </li>
        </ul>


навесил на ul клик- событие
можно ли в этом событии определить на какоом li произошел клик
если переменная события - event, то блок получаем вот так
event.toElement

проверяем работоспособность:
event.toElement.style.color = '#f00';

Последний раз редактировалось RazZzeR, 25.04.2013 в 13:03.
Ответить с цитированием
  #4 (permalink)  
Старый 25.04.2013, 09:36
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

<!DOCTYPE HTML>
<html>
  <head> </head>
  <body>
<ul class="menu" id="menu">
            <li>
                <span>CARDS</span>
            </li>
            <li>
                <span>FILTERS</span>
            </li>
            <li>
                <span>STATS</span>
            </li>
            <li>
                <span>HELP</span>
            </li>
        </ul>
    <script>

var elem = document.getElementById("menu");
      
      elem.onclick = function (e){
      
        var li = event.srcElement || e.target;
      
        while(li.tagName != "LI" && li )
        {
        
         li = li.parentNode;
        
        }
        
        alert(li.innerHTML);
      };


    </script>

  </body>
</html>
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.

Последний раз редактировалось cyber, 25.04.2013 в 09:40.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает скрипт отображения списка Konstantine Javascript под браузер 3 18.03.2013 06:00
Как сохранить фокус на элементе? SkaN jQuery 11 31.08.2012 18:31
КАК сэмулировать клик мышкой на элементе из javascript? Brook Events/DOM/Window 13 24.04.2012 23:14
не работает клик на новом элементе AlleeX jQuery 2 05.07.2011 14:04
Заполнить список значениями из динамически созданного выпадающего списка zhuzha Элементы интерфейса 0 17.08.2010 14:40