Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung der DOM-Elemente und -Ereignisse

Detaillierte Erläuterung der DOM-Elemente und -Ereignisse

王林
Freigeben: 2020-05-25 17:55:07
nach vorne
2741 Leute haben es durchsucht

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 //鼠标移动
Nach dem Login kopieren

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

Detaillierte Erläuterung der DOM-Elemente und -Ereignisse

4. Rufen Sie die Elementliste entsprechend dem Namensattributwert ab

Detaillierte Erläuterung der DOM-Elemente und -Ereignisse

3. Ereignisbindungsmethode

Detaillierte Erläuterung der DOM-Elemente und -Ereignisse

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

onload //元素或文档加载完毕
Nach dem Login kopieren

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

Beispiel:

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

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage