[event] Deprecated symbol used, consult docs for better alternative

@Swamp Doctor · Регистрация: 07.04.2015

Студворк — интернет-сервис помощи студентам

Phpstorm выдаёт предупреждение на [event] Deprecated symbol used, consult docs for better alternative.

HTML5
1
<button type="button" onclick="tab-open-function([S]event[/S], 'tab-1')">

В целом все работает, но какую альтернативу можно использовать?

@amr-now · 22.10.2020, 13:27

HTML5
1
<button type="button">Click</button>

JavaScript
1
 document.querySelector("button").onclick = function(event) { tab_open_function(event, 'tab-1'); };

Здесь ещё имя функции странное. Имя не должно содержать знаки минуса.

@Swamp Doctor · 26.10.2020, 19:26 **[ТС]**

Спасибо за ответ! У меня есть предложения, но вы бы не могли описать причины устаревания объявления event в html?
Упрощенное решение моего вопроса предоставляю ниже:
Вероятно есть более грамотное и элегантное решение, но вкратце это переключение между вкладками div с помощью button

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<div id="tab_links">
     <button class="tab_link active" id="blue_link" type="button">blue</button>
     <button class="tab_link " id="red_link" type="button">red</button>
     <button class="tab_link " id="green_link" type="button">green</button>
</div>
<div class="tab_content" id="blue_tab"></div>
<div class="tab_content" id="red_tab"></div>
<div class="tab_content" id="green_tab"></div>
<style>
    .tab_content{
        width: 150px;
        height: 100px;
    }
    #blue_tab{
        background: blue;
        display: flex;
    }
    #red_tab{
        background: red;
        display: none;
    }
    #green_tab{
        background: green;
        display: none;
    }
    button.active{background: yellow;}
</style>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
    window.onload = function () {
        document.querySelector("#tab_links").onclick = function(event) {
            function clear_link() {
                const tab_l = document.getElementsByClassName("tab_link");
                for (let i = 0; i < tab_l.length; i++) {
                    tab_l[i].className = tab_l[i].className.replace("active","");
                }
                event.target.className += "active";
            }
            function clear_tab() {
                const tab_c = document.getElementsByClassName("tab_content");
                for (let i = 0; i < tab_c.length; i++) {
                    tab_c[i].style.display = "none";
                }
            }
            switch (event.target.id) {
                case 'blue_link':
                    clear_link();
                    clear_tab();
                    document.getElementById('blue_tab').style.display = "flex";
                    break;
                case 'red_link':
                    clear_link();
                    clear_tab();
                    document.getElementById('red_tab').style.display = "flex";
                    break;
                case 'green_link':
                    clear_link();
                    clear_tab();
                    document.getElementById('green_tab').style.display = "flex";
                    break;
            }
        }
    }

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .