IE9 : le bouton présente un comportement étrange et ne fonctionne pas au premier clic, uniquement dans IE9

Question

J'ai un problème que je ne peux reproduire que dans IE 9, mais je ne sais pas pourquoi. Lorsque je clique sur un bouton dans IE 9, s'il s'agit du premier clic sur la page fraîchement chargée, le bouton n'enregistre pas l'événement. Si mon clic initial se trouve en dehors de la zone du bouton et que je clique à nouveau sur le bouton, l'action est exécutée.

<button type="button" title="Request Quote" class="button btn-quote" onclick="setLocation('/quotes?partsno=188122-B22&amp;mfg=HP&amp;cond=New');">
<span>
<span>Request Quote</span>
</span>
</button>

Je ne peux reproduire le problème que dans IE9. L'usurpation de Safari avec une chaîne d'agent utilisateur IE9 ne reproduit pas le problème, et le code peut être modifié en n'importe quel javascript valide ; le onclick n'est toujours pas invoqué comme prévu. Un exemple peut être trouvé aquí cliquez sur le bouton "Demander un devis" :

http://www.itpartsconnection.com/hp-188122b22.html

Merci beaucoup !

Answer 1

Essayez la syntaxe ci-dessous, qui est sémantique :

<input type="button" title="Request Quote" value="Request Quote" class="button btn-quote" onclick="setLocation('/quotes?partsno=188122-B22&amp;mfg=HP&amp;cond=New');" />

Ensuite, faites tout le CSS basé dans votre button y btn-quote Les classes CSS, pas les spams.