Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
stoma655
0 / 0 / 0
Регистрация: 15.07.2017
Сообщений: 85
1

Как применить в данном случае Switch

27.09.2017, 17:27. Просмотров 147. Ответов 2
Метки нет (Все метки)

Вот код:

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var overworks = document.querySelectorAll('.overwork');
for (var i = 0; i < overworks.length; i++) {
    overworks[i].addEventListener('mouseover', overFunc);
    overworks[i].addEventListener('mouseout', overFuncOut);
}
 
 
function overFunc() {
    if (this.classList.contains('work_1')) {
        this.style.filter='blur(4px)';
    }
    else if (this.classList.contains('work_2')) {
        this.style.filter='blur(4px)';
    }
    else if (this.classList.contains('work_3')) {
        this.style.filter='blur(4px)';
    }
}
Как в функции overFunc() использовать свитч/кейс вместо else, то-есть если this.element имеет тот или иной класс то произойдёт то-то. Спасибо огромное.
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
27.09.2017, 17:27
Ответы с готовыми решениями:

Управление анимацией, в данном случае остановить шарик.
Как уже говорилось, при клике мышки на шар, он должен замереть, при повторном...

Разница в исполнении скриптов у разных браузеров (В данном случае работает только в IE)
Всем посетителям этой темы доброго, я так подозреваю вечера или ночи, но не...

JS: как к элементу применить функцию?
Подскажите, пожалуйста, как к элементу применить функцию, которая окрасит его...

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

Как применить код к выделенному тексту?
При выделении слова test и нажатии на кнопку, код всегда применяется к первому...

2
Jewbacabra
Эксперт PHP
3557 / 2955 / 1315
Регистрация: 24.04.2014
Сообщений: 8,989
27.09.2017, 22:36 2
Javascript
1
2
3
4
5
6
7
switch (true) {
    case this.classList.contains('work_1'):
    case this.classList.contains('work_2'):
    case this.classList.contains('work_3'):
        this.style.filter='blur(4px)';
        break;
}
0
stoma655
0 / 0 / 0
Регистрация: 15.07.2017
Сообщений: 85
28.09.2017, 00:45  [ТС] 3
Спасибо большое за ответ
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
28.09.2017, 00:45

Как правильно применить цикл while в этом скрипте?
Хочу сделать так чтобы красный квадрат двигался при каждом событии onclick()...

Ссылочный тип в конструкторе, как применить правильно?
Пишу калькулятор для одной группы в ВК, сейчас занялся прописыванием &quot;оружия&quot;....

Как применить стиль к методу alert и document.write?
Подскажите как применить стиль (можно и css) к методу alert и document.write. Я...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru