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

damnman 975 gün önce

456 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

975 gün önce

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

#007107

abdullahx

975 gün önce

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

#007114

damnman

975 gün önce

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

#007110

makifgokce

975 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