Sayfayı daha duyarlı hale getirmek için etkinlik işleyiciyi 'pasif' olarak işaretlemeyi düşünün

Sürüklemek için çekiç kullanıyorum ve bu uyarı mesajı bana söylediği için diğer şeyleri yüklerken dalgalı oluyor.

Ana temas meşgul olduğundan X ms için 'touchstart' giriş olayının işlenmesi gecikti. Sayfayı daha duyarlı hale getirmek için olay işleyiciyi 'pasif' olarak işaretlemeyi düşünün.

Bu yüzden dinleyiciye 'pasif' eklemeye çalıştım

Hammer(element[0]).on("touchstart", function(ev) {
  // stuff
}, {
  passive: true
});

ama hala bu uyarıyı alıyorum.

Bu uyarıyı ilk kez alanlar için, son zamanlarda tarayıcılarda oldukça yakın bir zamanda (2016 yazında) uygulanan Pasif Olay Dinleyicileri adlı bir kanayan kenar özelliğinden kaynaklanmaktadır . Gönderen https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md :

Pasif olay dinleyicileri , DOM özelliklerinde, geliştiricilerin dokunma ve tekerlek olay dinleyicilerini engellemek için kaydırma ihtiyacını ortadan kaldırarak daha iyi kaydırma performansına katılmalarını sağlayan yeni bir özelliktir. Geliştiriciler, dokunma ve tekerlek dinleyicilerine hiçbir zaman preventDefault'u çağırmayacaklarını belirtmek için {pasif: doğru} ile açıklama ekleyebilir. Bu özellik Chrome 51, Firefox 49'da gönderildi ve WebKit'e indi. Tam resmi açıklama için buradan daha fazla bilgi edinebilirsiniz.

Ayrıca bakınız: Pasif olay dinleyicileri nelerdir?

.Js kitaplığınızın destek vermesini beklemeniz gerekebilir.

Olayları dolaylı olarak bir JavaScript kütüphanesi aracılığıyla yönetiyorsanız, söz konusu kütüphanenin bu özelliği desteklemesinin insafına olabilirsiniz. Aralık 2019 itibariyle, büyük kütüphanelerin hiçbirinin destek uyguladığı görülmüyor. Bazı örnekler:

• jQuery.js - devam eden sorun: https://github.com/jquery/jquery/issues/2871
• React.js - devam eden sorun: https://github.com/facebook/react/issues/6436
• Hammer.js - takip edilmediğinden kapatıldı: https://github.com/hammerjs/hammer.js/pull/987
• mükemmel kaydırma çubuğu - kapalı: https://github.com/noraesae/perfect-scrollbar/issues/560
• AngularJS - düzeltilmemesi nedeniyle kapatıldı: https://github.com/angular/angular.js/issues/15901

Bu, uyarı mesajını gizler:

jQuery.event.special.touchstart = {
  setup: function( _, ns, handle ) {
      this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") });
  }
};

Ayrıca Laravel'deki select2 açılır eklentisiyle de karşılaşın. Alfred Wallace tarafından önerilen değeri

this.element.addEventListener(t, e, !1)

için

this.element.addEventListener(t, e, { passive: true} )

sorunu çözer. Neden aşağı oyu var, bilmiyorum ama benim için çalışıyor.

Eski sorunlara sahip olanlar için hatayı atan satırı bulun ve ekleyin {passive: true}- ör:

this.element.addEventListener(t, e, !1)

olur

this.element.addEventListener(t, e, { passive: true} )

Jquery-ui-touch-punch ile jquery-ui-dragable için Iván Rodríguez'e benzer şekilde düzelttim, ancak touchmove için bir olay daha geçersiz kılma ile:

jQuery.event.special.touchstart = {
    setup: function( _, ns, handle ) {
        this.addEventListener('touchstart', handle, { passive: !ns.includes('noPreventDefault') });
    }
};
jQuery.event.special.touchmove = {
    setup: function( _, ns, handle ) {
        this.addEventListener('touchmove', handle, { passive: !ns.includes('noPreventDefault') });
    }
};

JQuery 3.4.1 slim üzerinde çalışan bir çözüm buldum

Küçültme işleminden sonra, {passive: true}1567 satırındaki addEventListener işlevine şöyle ekleyin :

t.addEventListener(p, a, {passive: true}))

Hiçbir şey molalar ve deniz feneri denetimleri dinleyicilerden şikayetçi değil.