Nie można zapobiec zdefaultowaniu wewnątrz pasywnego detektora zdarzeń

Question

Używam Framework7 sortable list i działa dobrze, tylko że nie powoduje zdarzenia po zmianie listy.

Więc staram kilka wbudowanych w imprezach:

$('.sortable-handler').on('touchstart', function (e) { 
    e.preventDefault(); 
    alert('touchstart'); 
}); 

$('.sortable-handler').on('touchmove', function (e) { 
    e.preventDefault(); 
    console.log('touchmove'); 
}); 

$('.sortable-handler').on('touchcancel', function (e) { 
    e.preventDefault(); 
    console.log('touchcancel'); 
}); 

$('.sortable-handler').mouseleave(function (e) { 
    e.preventDefault(); 
    console.log('mouseleave'); 
}); 

.. ale pojawia się:

Nie można preventDefault wewnątrz biernego słuchacza zdarzeń ze względu na cel leczony jako pasywny. Zobacz https://www.chromestatus.com/features/5093566007214080

Które wydarzenie należy zwracać uwagę, aby uzyskać zaktualizowaną listę na wszelkiego rodzaju?

Answer 1

Aby obsłużyć sortable listy w Framework7 gdy użytkownik aktualnie uwolnienie sortowania elementów w nowym położeniu, można użyć tego kodu:

$$('li').on('sortable:sort',function(event){ 
    alert("From " + event.detail.startIndex + " to " + event.detail.newIndex); 
    }); 

Fiddle: https://jsfiddle.net/0zf5w4y7/

Answer 2

zobaczyć ten blog post. Jeśli jesteś zadzwonić preventDefault na każdym touchstart następnie należy również mieć regułę CSS, aby wyłączyć przewijanie dotyku jak .sortable-handler { touch-action: none; }