SORU
31 AĞUSTOS 2013, CUMARTESİ


input type=değiştiğinde olay aralığı sürüklerken firefox tetikleme değil

<input type="range"> ile oynarken Firefox ise Chrome ve diğerleri kaydırıcıyı sürükledi iken değiştiğinde olayları tetikleyen yeni bir pozisyon için kaydırıcıyı atarsak sadece değiştiğinde bir olay tetikler.

Nasıl firefox uzadı olmasını sağlayabilir miyim?

HTML

<span id="valBox"></span>
<input type="range" min="5" max="10" step="1" onchange="showVal(this.value)">

SCRİPT

function showVal(newVal){
  document.getElementById("valBox").innerHTML=newVal;
}

CEVAP
28 EYLÜL 2013, CUMARTESİ


Görünüşe göre Chrome ve Safari yanlış: onchange tek kullanıcı fareyi serbest bıraktığında tetiklemiş olmalı. Sürekli güncellemeleri almak için, Firefox, Safari ve Chrome, fare ve klavye güncellemeleri canlı yakalamak oninput olay, kullanmalısınız.

Ancak, oninput en iyi bahis iki olay işleyicileri birleştirmek için çok IE10, desteklenmiyor, bu gibi:

<span id="valBox"></span>
<input type="range" min="5" max="10" step="1" 
   oninput="showVal(this.value)" onchange="showVal(this.value)">

Daha fazla bilgi için Bugzilla thread şuna bir bakın.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • 3DS Max Tutorials

    3DS Max Tuto

    4 AĞUSTOS 2013
  • Smith Micro Graphics

    Smith Micro

    15 Mayıs 2008
  • The Slow Mo Guys

    The Slow Mo

    15 AĞUSTOS 2010