Dokunmatik ekranda "etkin" sözde sınıfı tetikleme

Question

Şu anda kiosk modunda Chrome'u çalıştıran bir dokunmatik kioskta dağıtılacak bir JavaScript uygulaması geliştiriyorum.

Arabirimdeki düğmelere tıklamak için fareyi kullandığımda, ": etkin" sözde sınıfın uyguladığı stiller, fare kapalıyken görünür olduğunu fark ettim. Benim sorunum, ekrana dokunarak aynı düğmeye basmanın aktif durumu tetiklememesidir.

Dokunma olayı oluşturmanın fare tıklatmayla aynı şekilde davranmasının bir yolu var mı?

Answer 1

CSS: etkin sözde sınıfın çalışmadığı varsayıldığında, muhtemelen DOM olaylarını kullanmanız gerekecektir.

"Mousedown" ve "mouseup" olayları dokunmatik ekranlarla çalışıyor mu? yerine, sizin CSS dahilinde Sonra

addEventListener("mousedown", function (event) { 
    if (event.target.setAttribute) { 
     event.target.setAttribute("data-active", ""); 
    } 
}, true); 

addEventListener("mouseup", function (event) { 
    if (event.target.removeAttribute) { 
     event.target.removeAttribute("data-active"); 
    } 
}, true); 

: yaptıkları varsayılırsa, böyle bir şey deneyebilirsiniz [veri aktif], şöyle aktif:

div[data-active] { 
    /* blah blah */ 
} 

Bunu sanmıyorum olacak Aynı şekilde çalışın ... örneğin, çocuk elemanlarının doğru çalışması için bazı hileler yapmanız gerekebilir.