HTML 事件是发生在 HTML 元素上的事情。当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。
HTML 事件
HTML 事件可以是浏览器或用户做的某些事情。
下面是 HTML 事件的一些例子：
- HTML 网页完成加载
- HTML 输入字段被修改
- HTML 按钮被点击
通常，当事件发生时，用户会希望做某件事。
JavaScript 允许您在事件被侦测到时执行代码。
通过 JavaScript 代码，HTML 允许您向 HTML 元素添加事件处理程序。
使用单引号：
<element event='一些 JavaScript'>
使用双引号：
<element event="一些 JavaScript">
在下面的例子中，onclick 属性（以及代码）被添加到 <button> 元素：
实例
<button onclick='document.getElementById("demo").innerHTML=Date()'>现在的时间是？</button>
事件可以是浏览器行为也可以是用户行为。比如页面文档内容加载完成或者用户鼠标点击等。当一个事件发生的时候，需要特定的行为来响应这个事件，所以要为事件注册事件处理函数。
`<!DOCTYPE html>`
`<``html``>`
`<``head``>`
`<``meta` `charset``=``" utf-8"``>`
`<``meta` `name``=``"author"` `content``="http://www.aiqianduan.com/"/>`
`<``title``>爱前端</``title``>`
`<``style``>`
`div {`
`width:100px;`
`height:100px;`
`background-color:#ccc;`
`}`
`</``style``>`
`<``script``>`
`window.onload = function () {`
`var odiv = document.getElementById("ant");`
`var obt = document.getElementById("bt");`
`obt.onclick = function () {`
`odiv.style.backgroundColor = "red";`
`}`
`}`
`</``script``>`
`</``head``>`
`<``body``>`
`<``div` `id``=``"ant"``></``div``>`
`<``input` `type``=``"button"` `id``=``"bt"` `value``=``"查看演示"``/>`
`</``body``>`
`</``html``>`
为按钮注册click事件处理函数，当点击按钮的时候，此函数就会执行。
专注全栈大前端，爱前端整理了一批最新WEB前端教学视频，不论是零基础学习还是在职提升，这些资料都会给你带来帮助，爱前端帮助所有想要学好前端的同学，学习规划、学习路线、学习资料、问题解答。web全栈前端技术交流群：137503198
点击加入群聊【web前端技术学习交流群】
爱前端-专注前端大前端
网友评论