Javascript.RU

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

Консоль: вызвать срабатывание обработчика событий
Приветствую полюбопытсвовавших.
Сразу оговорюсь - я любитель, пытаюсь как то автоматизировать рутинную работу создавая костыли в Хроме в виде расширений. К разработке алгоритма и реализации используемого в работе ресурса никакого отношения не имею.
Просьба не посылать меня "заканчивать кансерватории", просто нет такой возможности )
А ещё плохо что не работает поиск по форуму неАсилил 200 страниц тем в этом разделе.

Суть вопроса - правомочны ли мои действия, ну или на какой степени адекватности?

Вот что делаю:
На динамически сгенерированной странице есть элементы такого вида:
...
<div class=​"u_photo">​
<img src=​"https://path/pict1.jpg" class=​"u_img">​
</div>​
<div class=​"u_photo">​
<img src=​"https://path/pict2.jpg" class=​"u_img">​
</div>​
<div class=​"u_photo">​
<img src=​"https://path/pict3.jpg" class=​"u_img">​
</div>​
<div class=​"u_photo">​
<img src=​"https://path/pict4.jpg" class=​"u_img">​
</div>​
....и т.д. и т.п.

Есть возможность маркировать картинки. Тогда в список классов таргета img добавляется класс labeled. Маркированная картинка на странице будет выглядеть так:
...
<div class=​"u_photo">​
<img src=​"https://path/pict3.jpg" class=​"u_img labeled">​
</div>​
...

Пытаясь разобраться с Хромовым ДевелоперТулсом пробовал вызвать срабатывание обработчика событий аналогичное клику по картинке:
левый клик - снять/поставить маркировку
правый клик - отправить спец.обработчику

Далее то что я вытворял в консоли:
попытка 1.
document.getElementsByClassName("labeled")[0]
<img src=​"https://path/pict3.jpg" class=​"u_img labeled">​

document.getElementsByClassName("labeled")[0].click()
undefined

попытка 2.
document.getElementsByClassName("labeled")[0].id="hendSel"
"hendSel"

document.getElementById("hendSel")
<img src=​"https://path/pict3.jpg" class=​"u_img labeled" id="hendSel">​

document.getElementById("hendSel").click()
undefined

попытка 3.
document.getElementsByClassName("labeled")[0].id="hendSel"
"hendSel"

cm=document.createEvent('MouseEvents')
MouseEvent {dataTransfer: null, toElement: null, fromElement: null, y: 0, x: 0…}

cm.initMouseEvent('click', true, true, window, 0, 0, 0, 1, 1, false, false, false, false, 0, null)
undefined

document.getElementById("hendSel").dispatchEvent(cm)
true

По всей видимости я делаю не правильно и круг моих невеликих знаний не позволяет ещё понять ЧТО я делаю не правильно или это вообще не имеет права так срабатывать?

Подскажете ?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавление обработчика событий при добавлении элементов vladimircape Events/DOM/Window 3 13.09.2012 09:57
Как правильно подавить событие при подключении своего обработчика? Маэстро Firefox/Mozilla 2 03.09.2011 11:46
Удаление обработчика событий! Даниэль Ноубл Общие вопросы Javascript 1 23.04.2010 17:12
как привязать метод в качестве обработчика событий Степан Общие вопросы Javascript 9 08.12.2009 00:58
кроссбраузерное добавление обработчика событий элементу krinart Events/DOM/Window 5 30.09.2008 04:38