Welche HTML-Tags können mit onClick verwendet werden?

Question

Welche Tags können eine onClick Funktion haben, und welche nicht? Wenn es irgendwelche gibt, wo ich eine onClick Funktion nicht einschließen kann, warum nicht?

onClick="func()" 

Gibt es Regeln, an die Sie sich halten sollten?

Answer 1

Alle HTML-Elemente können ein onclick-Attribut haben.

Siehe the HTML 5 specification zur Bestätigung.

(Natürlich werden einige Elemente nicht standardmäßig gerendert, so dass Sie ihre Eigenschaften display mit CSS ändern müssten, bevor sie angeklickt werden können, um den Event-Handler auszulösen).

Answer 2

Sie können das Ereignis verwendet werden kann, auf in diesem sitepoint reference

Die vollständige Liste der Elemente, welche Elemente überprüfen, die es wäre nicht unterstützen:

• Applet
• Basis
• basefont
• bdo
• br
• Schrift
• Rahmen
• Frameset
• Kopf
• html
• iframe
• isindex
• meta
• param
• Skript
• Stil
• titel

Answer 3

Jedes Element kann über ID oder Klasse ein onclick-Ereignis haben. jQuery verwenden, ist dies sehr einfach:

// Talk to any element with a unique ID of "myElementId". 
$('#myElementId').on('click', function(event){ 
    alert('CLICK'); 
    // do something else. 
    event.preventDefault(); 
}); 

// Talk to any element with a class of "myClassElement". 
$('.myClassElement').on('click', function(event){ 
    alert('CLICK'); 
    // do something else. 
    event.preventDefault(); 
} 

// Talk to the <header> element. 
$('header').on('click', function(event) { 
    alert('CLICK'); 
    // do something else. 
    event.preventDefault(); 
)};