JSFiddle - React, Tailwind, and code Playground
HTML
<a id="working" href="#">
Drag me with touch emulation enabled! Touchend event will fire successfully.
</a>
<br><br>
<a id="broke1" href="#">
Drag me with touch emulation enabled! Touchend event will not fire.
</a>
<br><br>
<a id="broke2" href="#">
Drag me with touch emulation enabled! Touchend event will not fire.
</a>
JavaScript
var ele = document.getElementById('working');
ele.ondragstart = function() { return false; }; // Kind of works
$('#working, #broke1').bind('touchmove', function(e) {
console.log('touchmove');
}).bind('touchend', function(e) {
console.log('touchend');
});
$('#broke2').bind('touchmove', function(e) {
console.log('2 touchmove');
$(this).remove();
}).bind('touchend', function(e) {
console.log('2 touchend');
});