JS | JS事件

JS·Programming · 2022-05-30

JavaScript事件

学习tips:每天一个JavaScript项目

何谓事件

HTML事件是发生在HTML元素上的“事情”,当在HTML页面中使用JavaScript时,JavaScript能够“应对”这些事件。

HTML事件可以是浏览器或用户做的某些事情,例如:

  • HTML页面完成加载
  • HTML输入字段被修改
  • HTML按钮被点击

通常情况下,当事件发生时,用户会希望做某件事,JavaScript则充当Monitor的角色,允许事件被侦测到时执行相应的代码。同时,通过JavaScript代码,能够在HTML元素中添加事件处理程序,其格式为:

<element event='JavaScript语句'>

例如:

<button onclik='document.getElementById("demo").innerHTML=Date()'>What's the time now? </button>

或者,可以直接使用this.innerHTML来改变元素自身的内容:

<button onclik='this.innerHTML=Date()'>What's the time now? </button>

常见的HTML事件

事件描述
onchangeHTML元素被改变
onclick用户点击HTML元素
onmouseover用户将鼠标移动到HTML元素上
onmouseout用户将鼠标移开HTML元素
onkeydown用户按下键盘按键
onload浏览器已经完成页面加载

💫