受動的なイベントリスナー内でデフォルトを無効にすることはできません

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でソート可能なリストを処理するために、あなたはこのコードを使用することができます：

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

フィドル：https://jsfiddle.net/0zf5w4y7/

Answer 2

このblog postを参照してください。 touchstartにpreventDefaultと電話する場合は、タッチスクロールを無効にするCSSルールを設定する必要があります。.sortable-handler { touch-action: none; }