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

damnman 1596 gün önce

721 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

1596 gün önce

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

#007107

abdullahx

1595 gün önce

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

#007114

damnman

1596 gün önce

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

#007110

makifgokce

1596 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