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 : Sélectionner tout - Visualiser dans une fenêtre à part
$('#truc').click(function() { });
2) Binder le body en reliant l'objet

Code : Sélectionner tout - Visualiser dans une fenêtre à part
$('body').on('click', '#truc', function() { });
3) Binder l'objet en lui attribuant des trucs

Code : Sélectionner tout - Visualiser dans une fenêtre à part
$('#truc').bind('touchstart tap click', function(){ });
4) Binder le href direct

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<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 !