Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 14.10.2016, 16:56   #1
spoon100500
Форумчанин
 
Аватар для spoon100500
 
Регистрация: 14.10.2016
Сообщений: 406
По умолчанию Как применить обработчик событий

Такая ситуация, есть три кнопки и три скрытых области и кнопка Расчет, каждая область выполняет определенные функции прописанные только для этой области, т.е. при нажатии кнопки 1 появляется область 1 с определенными функциями 1, при нажатии кнопки 2 появляется область 2 с определенными функциями 2, а область 1 исчезает и т.д. но есть кнопка Расчета, она одна для всех областей т.е. нажали кнопку 1 появилась область 1, нажали кнопку Расчет получили значение области 1; нажали кнопку 2, область 1 скрылась появилась область 2, нажали кнопку Расчет получили результат области 2 и т.д.
Можно конечно в каждой области сделать кнопку Расчет и вывода результата, но как то это не эстетично, к то муже кнопка Расчет и поле вывода результата они постоянны, а скрытые области имеют разные параметры.
Я понимаю так, все это делается через addEventListener и removeEventListener?
Если можно показать пример реализации?
Еду медленно, но верно!
spoon100500 вне форума Ответить с цитированием
Старый 14.10.2016, 17:30   #2
pompiduskus
юзер как все
Участник клуба
 
Аватар для pompiduskus
 
Регистрация: 10.01.2012
Сообщений: 1,586
По умолчанию

Можно по разному все это дело реализовать.

Можно через addEventListener а если разметка будет все время одного типа, то можно просто и вот так подписаться на события

PHP код:
<elem id="myId" onclick="foo()"></elem>
<
script>
function 
foo(){
    
// ...
}
</script> 
Можно еще вот так

PHP код:
<elem id="myId"></elem>

<
script>
window.addEventListener('load', function(){

    var 
myId document.getElementById("myId");
    
myId.onclick = function(){
        
console.logthis.id ); // >> myId
    
}

    
myId.onmouseover = function(){}

});

</script> 
Да вообще можно как хочешь сделать. Даже можо на лету создавать елементы разметки при помощи JS, сразу на них вешать все что нужно, и прикреплять их к DOMу


PHP код:
<script>
var 
elem document.createElement("div");
elem.className 'MyCssClassName';
elem.id 'myId';

elem.onclick = function(){}
document.body.appendChildelem );
</script> 
<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/

Последний раз редактировалось Serge_Bliznykov; 14.10.2016 в 17:47.
pompiduskus вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
js обработчик событий zaki JavaScript, Ajax 2 22.07.2015 13:10
Обработчик событий strangegirlXX JavaScript, Ajax 7 06.04.2013 00:38
PHP - Обработчик событий(ошибок) в реальном времени. Как? HSR PHP 2 08.05.2012 23:13
обработчик событий IIaJIbI4 БД в Delphi 2 07.06.2011 15:09
Как создать обработчик событий для динамически созданного объекта Лукманов Александр Общие вопросы Delphi 1 22.03.2009 22:05