Как выполнить событие при повторном нажатии клавиши?

Question

[Waksim]

Привет Тостер),

Есть скрипт, который по нажатию на клавишу Backspace меняет ширину блока "wdth" с изначальных 50% до 80%:

function moveRect(e){
     
    switch(e.keyCode){

        case 32:   // если нажата клавиша Backspase

            for (i = 0; i < 1; i++) {
            	var wdth = document.getElementById("wdth");
       		    wdth.style.width = "80%";
       		};

            break;
    };
};
 
addEventListener("keydown", moveRect);

Нужно чтобы при повторном нажатии на Backspace ширина блока "wdth"
- возращалась к исходной (отменяла действие по первому нажатию)
или
- задавала новое значение width = "50%"

Заранее всем спасибо, буду рад любой помощи!!!
_______________________________________________________________

Answer 1

[Александр Талалаев]

Кстати, все эти состояния тд, одна из причин зачем придумали Ангуляры, Реакты и тд.
А вам можно посоветовать например проверять значение 'wdth.style.width' перед его установкой.
Добавьте условие, если 50%, то вы ставите 80% и наоборот.

Comments

[Waksim]

Спасибо)!

[Waksim]

А как получить ширину в процентах??
var wwdth = $(wdth).css("width");
Эти способом она в px, и тогда не получается задать условие

[Waksim]

Разобрался, ещё раз спасибо)

Answer 2

[Gran Torino]

может вам лучше продажами к примеру заняться или другим каким-то делом?

var isPressBtn = false;

function moveRect( e ) {

    switch ( e.keyCode ) {

        case 32: // если нажата клавиша Backspase

            for ( i = 0; i < 1; i++ ) {
                var wdth = document.getElementById( "wdth" );
                if ( !isPressBtn ) {
                    wdth.style.width = "80%";
                    isPressBtn = true;
                } else {
                    wdth.style.width = "50%"; // или  ""
                    isPressBtn = false;
                }

            };

            break;
    };
};

addEventListener( "keydown", moveRect );

Comments

[Waksim]

Зачем дублировать мой код)?

[Егор Живагин]

Waksim, чуть внимательнее гляньте на переменную isPressBtn . Это, по-сути, то же самое, что вам посоветовал товарищ выше.

[Gran Torino]

Егор Живагин, я разве говорил, что это другое? товарищ просто не рассписал примером

[Егор Живагин]

Gran Torino, та я ж не спорю, просто человек вообще отличий от своего исходника не увидел )

[Waksim]

Спасибо)