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

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

27.09.2017, 17:27. Просмотров 132. Ответов 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
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Как применить в данном случае Switch (JavaScript):

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

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

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

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

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

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

2
Jewbacabra
Эксперт PHP
3082 / 2669 / 1220
Регистрация: 24.04.2014
Сообщений: 8,151
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 / 5
Регистрация: 15.07.2017
Сообщений: 81
28.09.2017, 00:45  [ТС] #3
Спасибо большое за ответ
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
28.09.2017, 00:45
Привет! Вот еще темы с решениями:

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

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

[CodeMirror] Как можно применить библиотеку к нескольким <textarea>?
Как можно применить библиотеку CodeMirror к нескольким &lt;textarea&gt;? Например,...

Как сделать в данном меню скроллинг?
Кто нить смог бы подсказать как в данном меню сделать скроллинг т е при...


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

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

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