HTML 事件属性

HTML 事件属性是用于在 HTML 元素上定义事件处理程序的属性，例如点击、鼠标移动等等。当事件发生时，浏览器会调用相应的处理程序，以执行相应的代码。

常见的事件属性

onclick

鼠标单击事件。当用户单击指定元素时，会执行相应的代码。

<button onclick="alert('Hello, world!')">点我</button>

onmouseover

鼠标移动事件。当鼠标移到指定元素上时，会执行相应的代码。

<div onmouseover="this.style.backgroundColor='lightgray'">鼠标移动到我上面</div>

onmouseout

鼠标移出事件。当鼠标从指定元素移开时，会执行相应的代码。

<div onmouseout="this.style.backgroundColor=''">鼠标移出我</div>

onkeydown/onkeyup

键盘按键事件。当用户按下或松开键盘上的某个键时，会执行相应的代码。

<input type="text" onkeydown="console.log('按下了键盘：' + event.key)">

onchange

表单元素值发生变化事件。当用户改变表单元素的值时，会执行相应的代码。

<input type="text" onchange="console.log('值已经改变为：' + this.value)">

事件处理程序参数

事件处理程序在执行时，可以接受一个名为'event'的参数，用于获取有关触发事件的详细信息，例如鼠标坐标、键盘按键等等。

<button onclick="alert('鼠标坐标为：' + event.clientX + ',' + event.clientY)">点我</button>

总结

HTML 事件属性是用于定义事件处理程序的属性，可以在元素上定义多个不同的事件属性，并在触发相应事件时执行相应的代码。事件处理程序可以接受一个名为'event'的参数，用于获取有关触发事件的详细信息。