HTML-Elemente können Ereignisattribute haben, die Aktionen im Browser auslösen, z. B. das Starten eines JavaScript-Codes, wenn ein Benutzer auf ein HTML-Element klickt. Die unten aufgeführten Ereignisattribute können in HTML-Tags eingefügt werden, um das Ereignisverhalten zu definieren. Unterschiede zwischen HTML 4.01 und HTML 5 Neue Ereignisse in HTML 5: onabort, onbeforeunload, onconte
HTML-Elemente können Ereignisattribute haben, die Verhalten im Browser auslösen, z. B. das Starten eines JavaScript-Teils, wenn der Benutzer auf ein HTML-Element klickt. Die unten aufgeführten Ereignisattribute können in HTML-Tags eingefügt werden, um das Ereignisverhalten zu definieren.
Neue Ereignisse in HTML 5: onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel , onresize, onscroll, onunload.
HTML 4.01-Attribut nicht mehr unterstützt: onreset.
属性 | 值 | 描述 | 4 | 5 |
---|---|---|---|---|
onabort | script | 发生 abort 事件时运行脚本。 | 5 | |
onbeforeonload | script | 在元素加载前运行脚本。 | 5 | |
onblur | script | 当元素失去焦点时运行脚本。 | 4 | 5 |
onchange | script | 当元素改变时运行脚本。 | 4 | 5 |
onclick | script | 在鼠标点击时允许脚本。 | 4 | 5 |
oncontextmenu | script | 当菜单被触发时运行脚本。 | 5 | |
ondblclick | script | 当鼠标双击时运行脚本。 | 4 | 5 |
ondrag | script | 只要脚本在被拖动就允许脚本。 | 5 | |
ondragend | script | 在拖动操作结束时运行脚本。 | 5 | |
ondragenter | script | 当元素被拖动到一个合法的放置目标时,执行脚本。 | 5 | |
ondragleave | script | 当元素离开合法的放置目标时。 | 5 | |
ondragover | script | 只要元素正在合法的放置目标上拖动时,就执行脚本。 | 5 | |
ondragstart | script | 在拖动操作开始时执行脚本。 | 5 | |
ondrop | script | 当元素正在被拖动时执行脚本。 | 5 | |
onerror | script | 当元素加载的过程中出现错误时执行脚本。 | 5 | |
onfocus | script | 当元素获得焦点时执行脚本。 | 4 | 5 |
onkeydown | script | 当按钮按下时执行脚本。 | 4 | 5 |
onkeypress | script | 当按键被按下时执行脚本。 | 4 | 5 |
onkeyup | script | 当按钮松开时执行脚本。 | 4 | 5 |
onload | script | 当文档加载时执行脚本。 | 4 | 5 |
onmessage | script | 当 message 事件触发时执行脚本。 | 5 | |
onmousedown | script | 当鼠标按钮按下时执行脚本。 | 4 | 5 |
onmousemove | script | 当鼠标指针移动时执行脚本。 | 4 | 5 |
onmouseover | script | 当鼠标指针移动到一个元素上时执行脚本。 | 4 | 5 |
onmouseout | script | 当鼠标指针移出元素时执行脚本。 | 4 | 5 |
onmouseup | script | 当鼠标按钮松开时执行脚本。 | 4 | 5 |
onmousewheel | script | 当鼠标滚轮滚动时执行脚本。 | 5 | |
onreset | script | 当表单重置时执行脚本。不支持。 | 4 | |
onresize | script | 当元素调整大小时运行脚本。 | 5 | |
onscroll | script | 当元素滚动条被滚动时执行脚本。 | 5 | |
onselect | script | 当元素被选中时执行脚本。 | 4 | 5 |
onsubmit | script | 当表单提交时运行脚本。 | 4 | 5 |
onunload | script | 当文档卸载时运行脚本。 | 5 |
【Verwandte Empfehlungen】
1. HTML5 kostenloses Video-Tutorial
2. Bringen Sie Ihnen die grundlegenden Methoden des Zeichnens mit H5 bei
3. Erklären Sie den Unterschied zwischen H5 und HTML4 im Detail
4.Code-Demonstration zum Erstellen eines Timers in H5
Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der H5-Ereignisattribute. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!