निष्क्रिय घटना श्रोता के अंदर डीफॉल्ट को रोकने में असमर्थ

Question

मैं Framework7 sortable list का उपयोग कर रहा हूं और यह अच्छी तरह से काम करता है, बस यह सूची बदलते समय किसी ईवेंट को ट्रिगर नहीं करता है।

तो मैं कोशिश कर रहा हूँ कुछ बिल्ट-इन घटनाओं:

$('.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'); 
}); 

.. लेकिन सभी मैं मिलता है:

लक्षित करने के लिए निष्क्रिय घटना श्रोता अंदर preventDefault करने में असमर्थ होने के कारण इलाज किया जा रहा निष्क्रिय के रूप में। https://www.chromestatus.com/features/5093566007214080

मैं के लिए कौन सा घटना देखना चाहिए हर प्रकार पर अद्यतन सूची प्राप्त करने के देखते हैं?

Answer 1

Framework7 में sortable सूची को संभालने के लिए जब वर्तमान में नई स्थिति में तत्व छँटाई उपयोगकर्ता रिहाई, तो आप इस कोड का उपयोग कर सकते हैं:

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

फिडल: https://jsfiddle.net/0zf5w4y7/

Answer 2

इस blog post देखें। यदि आप preventDefault पर प्रत्येक touchstart पर कॉल कर रहे हैं तो आपके पास .sortable-handler { touch-action: none; }