Detaillierte Erläuterung der DOM-Elemente und -Ereignisse

Was ist eine Veranstaltung?

Ereignisse beziehen sich auf Benutzeraktionen oder den Zustand eines Elements. Das angegebene Element lauscht auf relevante Ereignisse und bindet Ereignishandler.

Was ist ein Event-Handler? Das

-Element wartet auf Ereignisse und führt automatisch Vorgänge aus, wenn das Ereignis auftritt.

1. Ereignisfunktionsklassifizierung

1. Mausereignis

onclick //单击
ondblclick //双击
onmouseover //鼠标移入
onmouseout //鼠标移出
onmousemove //鼠标移动

3. Überwachung des Formularkontrollstatus:

rrree

2. Holen Sie sich die Elementknotenliste entsprechend dem Labelnamen

rrree2 , Holen Sie sich die Elementknotenliste entsprechend dem Klassenattributwert

3 Holen Sie sich die Elementknotenliste entsprechend dem ID-Attributwert

4. Rufen Sie die Elementliste entsprechend dem Namensattributwert ab

3. Ereignisbindungsmethode

1. Inline-Methode: Der Ereignisname wird als Label-Attribut an das Element gebunden Beispiel:

onload //元素或文档加载完毕

2. Dynamische Bindung: Holen Sie sich den Elementknoten und fügen Sie das Ereignis dynamisch hinzu

Beispiel:

onfocus //文本框获取焦点
onblur //文本框失去焦点
oninput //实时监听输入
onchange //两次输入内容发生变化时触发,或元素状态改变时触发
onsubmit //form元素监听,点击提交按钮后触发,通过返回值控制数据是否可以发送给服务器

Empfohlenes Tutorial:

js-Einführungs-Tutorial

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der DOM-Elemente und -Ereignisse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!