Binden Sie ein HTML-Ereignis an eine Funktion

Question

Wie binde ich ein HTML-Ereignis wie onclick an eine Funktion myFunc(e){}?

Ich möchte nicht document.getElementByClass oder Id verwenden.

Ich möchte nicht jQuery verwenden.

Answer 1

Wenn es immer noch die 1990er Jahre ist, wo Sie sind und jQuery ist nicht erfunden, dann sicher:

<div onclick="myFunc"> 
</div> 

Answer 2

Zuerst Sie das Element auf der Seite finden müssen, zum Beispiel var element = document.getElementById('clickme'), dann müssen Sie einen Listener hinzufügen auf das Click-Ereignis element.addEventListener('click',function)

Answer 3

Try this:

document.getElementsByTagName('body')[0].addEventListener('click', function(){alert("you clicked on the page")}) 

Dies fügt den Body-Tag einen Ereignis-Listener. Sobald Sie auf die Seite klicken, wird die Alarmfunktion ausgelöst.

Sie können die Elemente von beiden Klassennamen erhalten, id und/oder Tag-Name:

document.getElementById('someId') 
document.getElementsByClassName('someClassName') 
document.getElementsByTagName('body') 

Denken Sie daran, die "getElementsByClassName" und "getElementsByTagName" return-Arrays, so dass Sie die hinzufügen möchten Index wie folgt

getElementsByTagName('body')[0] 
document.getElementsByClassName('someClassName')[1] 
...