タッチイベントが発生しない

Question

問題が発生しました。リンクの隣をタップすると（リンク上ではなく、閉じる）、touchendイベントは発生しません。mouseupのみです。リンクを右にタップすると、2つのイベントがトリガーされます。

HTML：

<a id="link" href="#">link</a> 

JS：

var link = document.getElementById('link'); 

link.addEventListener('mouseup', function() { 
    console.log('mouseup'); 
}); 

link.addEventListener('touchend', function() { 
    console.log('touchend'); 
}); 

jsfiddle（利用devのツールデバイスモード）

それはいくつかのブラウザの問題ですか、それが明細書に記載されたのですか？

Answer 1

よくjavascriptには、イベントをトリガーしたオブジェクトに対してデフォルトイベントと呼ばれるのを防ぐpreventDefault（）メソッドがあります。

link.addEventListener('touchend', function(e) { console.log('touchend'); e.preventDefault(); });

それでも動作しない場合は、そのリンクをたどる防ぐために、それをキャッチアップするためにクリックイベントを追加する必要があります。

希望に役立ちます。