(click) nur in Chrome arbeiten in anderen nicht arbeiten

Question

ich eine Angular Web-App erstellt haben,

Link: - http://mohitkyadav.github.io/algos-ngular

Nun, wenn ich diese Seite in Chrome zu sehen, alles wie erwartet funktioniert gut, aber In anderen Browsern wie Edge und Firefox, wenn ich auf die Elemente in Side-Nav auf meiner App klicke, passiert nichts, nachdem ich einige console.log("hi") hinzugefügt habe, habe ich das Problem herausgefunden.

sehen Sie diese Zeile auf Github

https://github.com/mohitkyadav/algos-ngular/blob/master/src/app/views/content.component.html#L7

ein Klick-Ereignis ausgelöst werden soll.

(Typoskript)

https://github.com/mohitkyadav/algos-ngular/blob/master/src/app/components/content.component.ts#L34

Wie in dieser Zeile geschrieben das Ereignis in der Konsole gedruckt werden soll. Es funktioniert gut in Chrome und UC-Browser-PC, funktioniert aber nicht in Firefox und Edge.

Wenn ich auf ein Element aus dem Navigationsbereich klicke, wird der Code in der Konsole in Chrome gespeichert, aber in Firefox ist die Konsole leer, es passiert nichts.

Bitte helfen Sie mir. Sie können es selbst öffnen https://mohitkyadav.github.io/algos-ngular/

und öffnen Sie auch Ihre Chrome-Konsole und Firefox-Konsole und klicken Sie auf Seiten-Nav-Elemente, bitte geben Sie mir Ihre wertvollen Vorschläge.

Answer 1

Scheint, es hat nichts mit eckigen zu tun.

Blick auf Schaltfläche Definition in HTML5 standart

Inhalt Modell: Phrasierung Inhalt, aber es darf keine interaktive Inhalte Nachkomme sein.

<button> 
    <div (click)="fetchCode()"> 
    Click me but i won't work in Firefox in IE 
    </div> 
</button> 

Ein Klick auf die Kinder Elemente wird nicht funktionieren, weil es in einem Knopf verschachtelt ist.

können Sie entweder verschieben Ereignis klicken

<button (click)="fetchCode()"> 
    <div> 
    This should work 
    </div> 
</button> 

oder einen anderen Tag anstelle von Taste

<div class="button" > 
    <div (click)="fetchCode()"> 
    This also should work 
    </div> 
</div> 

Siehe auch

• Missing click event for <span> inside <button> element on firefox
• Element inside button does not fire click event in Firefox