Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.09.2017, 01:26
Аспирант
Отправить личное сообщение для Sinevik Посмотреть профиль Найти все сообщения от Sinevik
 
Регистрация: 23.09.2017
Сообщений: 39

e.target. Работа с событием
Очень простой код

function ShowMe() {
        var c = e.target;
        var f = c.textContent;
        console.log(f);
      }
      
      var a = [1, 2, 3, 4, 5, 6 ,7, 8];
      for(var i = 0; i <= a.length; i++){
        var b = document.createElement('p');
        b.textContent = a[i];
        b.onclick = ShowMe;
        window.document.body.appendChild(b);

      }


Когда жму на циферку ругается на
var c = e.target;

Не подскажите что не так?
Ответить с цитированием
  #2 (permalink)  
Старый 23.09.2017, 01:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Sinevik,
что такое e?
Ответить с цитированием
  #3 (permalink)  
Старый 23.09.2017, 02:08
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

function ShowMe(e)
//так наверно.
Ответить с цитированием
  #4 (permalink)  
Старый 23.09.2017, 09:17
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

j0hnik,
Ежели бы это был обработчик события... А так неизвестно, что это за функция
Ответить с цитированием
  #5 (permalink)  
Старый 23.09.2017, 11:50
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Dilettante_Pro,
b.onclick = ShowMe; // вот его обработчик

так не работает
<button>Клик</button>
	<script>
function show(){
alert(e.target);
}
document.querySelector("button").onclick = show;
	</script>


а так, заработает

<button>Клик</button>
<script>
function show(e){
alert(e.target);
}

document.querySelector("button").onclick = show;
</script>

Последний раз редактировалось j0hnik, 23.09.2017 в 11:55.
Ответить с цитированием
  #6 (permalink)  
Старый 23.09.2017, 11:53
Профессор
Отправить личное сообщение для Rasy Посмотреть профиль Найти все сообщения от Rasy
 
Регистрация: 17.06.2016
Сообщений: 509

Sinevik,
или замени e на event.
function ShowMe() {
       *!*
        var c = e.target;
        */!*
        var f = c.textContent;
        console.log(f);
      }
      
      var a = [1, 2, 3, 4, 5, 6 ,7, 8];
      for(var i = 0; i <= a.length; i++){
        var b = document.createElement('p');
        b.textContent = a[i];
        b.onclick = ShowMe;
        window.document.body.appendChild(b);

      }
Ответить с цитированием
  #7 (permalink)  
Старый 23.09.2017, 11:58
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
		<script>
function ShowMe(e) {
        var c = e.target;
        var f = c.textContent;
        console.log(f);
      }
      
      var a = [1, 2, 3, 4, 5, 6 ,7, 8];
      for(var i = 0; i <= a.length; i++){
        var b = document.createElement('p');
        b.textContent = a[i];
        b.onclick = ShowMe;
        window.document.body.appendChild(b);

      }
	</script>
</body>
</html>
Ответить с цитированием
  #8 (permalink)  
Старый 23.09.2017, 12:00
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Сообщение от Rasy Посмотреть сообщение
Sinevik,
или замени e на event.
Тоже вариант
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Дизайнер, верстальщик со знанием Adobe Flash и Adobe Photoshop, УДАЛЕННАЯ РАБОТА Анна NikitaOnline Работа 0 21.03.2016 18:57
Вакансия: Программист IOS, работа в офисе,г.Ростов-на-Дону Анна NikitaOnline Работа 0 21.03.2016 18:45
Постоянная работа / Front-end / Москва kooper Работа 4 29.09.2011 22:06