JSFiddle - React, Tailwind, and code Playground
HTML
<script>
function post(str){
$("#msg").append(str + "<br>");
}
</script>
<div style="text-align:center">
<p>make long tap on link, then release mouse over it.</p>
<a class="link" href="javascript:post('link fired')">link</a>
</div>
<div id="msg"></div>
JavaScript
$(".link").on({
taphold: function() {
post('long tap fired');
$(this).data("longTapRegistered", true);
},
"vclick vmouseout": function(e) {
var $this = $(this);
if (e.type == "vclick" && $this.data("longTapRegistered")) {
e.preventDefault();
}
$this.removeData("longTapRegistered");
}
});