Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
0 / 0 / 1
Регистрация: 12.08.2016
Сообщений: 239

Обработчик событий

23.04.2017, 18:35. Показов 684. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Нужно написать скрипт, который будет выводить какие действия были сделаны, либо был выполнин клик, либо нажатие клавиши как на фото .
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
23.04.2017, 18:35
Ответы с готовыми решениями:

Обработчик событий
Что я делаю не так? <input type="button" id="button" value="Кнопка" /> <script> button.onclick = function () { ...

Обработчик событий
Здравствуйте! У меня имеется форма с тремя полями: Фрукты, Овощи и Итого. Необходимо, чтобы при изменении значений полей Фрукты и...

Обработчик событий
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html...

3
Superposition
 Аватар для Padimanskas
950 / 615 / 256
Регистрация: 27.10.2013
Сообщений: 2,083
23.04.2017, 20:23
JavaScript
1
2
3
document.addEventListener('click', function(e){
console.log(e)
})
1
 Аватар для Пифагор
2172 / 1655 / 840
Регистрация: 10.01.2015
Сообщений: 5,207
23.04.2017, 20:30
Padimanskas, тут ИМХО как-то так надо. Подход грубый, но работает:
JavaScript
1
2
3
4
5
6
var arr = ['click', 'input', 'cut', 'blur', 'keydown', 'keyup', 'keypress', 'copy', 'paste', 'reset', 'submit'];
for(var i=0; i<arr.length; i++){
  document.addEventListener(arr[i], function(e){
    console.log(e.type + '-' + e.target.tagName.toLowerCase());
  })
}
Ему ж не только click надо отслеживать...
1
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
23.04.2017, 22:43
Maksssssss, еще вариант:
JavaScript
1
2
3
4
5
6
7
8
9
var myDiv = document.getElementById('mydiv'),
    logOutput = document.getElementById('log');
for (var key in myDiv) {
    if (key.search('on') === 0) {
        myDiv.addEventListener(key.slice(2), function(e) {
            logOutput.insertAdjacentHTML('afterBegin', '<li>Событие: <b>' + e.type + '</b></li>');
        }, false)
    }
}
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
23.04.2017, 22:43
Помогаю со студенческими работами здесь

Обработчик событий переменной
Создаю в документе несколько картинок кодом: var mimg=new Array(28) ... mimg=document.createElement('img'); ...

Не запускается обработчик событий
Доброго времени суток. У меня проблемка с обработкой событий нажатия на &quot;клавиши&quot;... Вот сам html: &lt;html&gt; &lt;head&gt; ...

Как применить обработчик событий
Такая ситуация, есть три кнопки и три скрытых области и кнопка Расчет, каждая область выполняет определенные функции прописанные только для...

Обработчик событий onclick and jquery
Подскажите, если вызвать обработчик событий на JS без фраемворка jquery это будет так ? &lt;script&gt; function print_today (){ ...

Кнопка, снимающая обработчик событий
Есть три картинки. При каждом нажатии на кнопку &quot;сменить&quot; картинки меняются. При клике мышкой на экране картинка подтягивается к...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru