containerım sadece tuşa basılı tuttuğumda görünecek

damnman 1182 gün önce

539 defa görüntülendi

Merhaba, bir containerım var displayı none. Kendi belirlediğim bir tuşa basılı tuttuğum süre zarfında displayinin block olmasını istiyorum. Basılı tutmayı bıraktığında ise yani tuştan parmağımı çektiğinde ise display tekrardan none olacak.
Nasıl yapabilirim?

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (4)

abdullahx

1182 gün önce

https://codepen.io/Elessar61/pen/RwgWNrE

#007107

abdullahx

1182 gün önce

Mobilde yeniden düzenledim, test etme şansım olmadı, bu şekilde çalışıyor olması gerekir

#007114

damnman

1182 gün önce

@abdullahx jquery ile nasıl olur peki, meraktan soruyorum sadece

#007110

makifgokce

1182 gün önce

<button>Basılı tut</button>

$('button').on('mousedown mouseup', function(e) {
    if (e.type == "mousedown") {
        $(this).css("background-color", "#007bff")
    } else {
        $(this).css("background-color", "#28a745")
    }
});

button {
    background-color: #28a745;
    border: none;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
}

#007108