onClick universel sur mobile et PC

Bonjour
Je sais que ce sujet a déjà été abordé à plusieurs endroits mais jamais "complètement" et il y a de tout, j'aimerai simplement savoir, en 2021, avec les principaux navigateurs web ET mobile, qu'elle est le meilleur moyen de faire un onclick ?

1) Binder l'objet

Code:

$('#truc').click(function() { });

2) Binder le body en reliant l'objet

Code:

$('body').on('click', '#truc', function() { });

3) Binder l'objet en lui attribuant des trucs

Code:

$('#truc').bind('touchstart tap click', function(){ });

4) Binder le href direct

Code:

<a href="#" title="La La La" id="truc" onClick="do();">test</a>

Sachant que, sur mobile j'ai l'impression que le touchstart ou tap parfois se déclenche deux fois ou ne se déclenche pas (notamment iOS).

Quelle est la meilleure méthode et la plus universelle ?

Merci par avance !