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事件
事件 | 描述 |
---|---|
onchange | HTML元素被改变 |
onclick | 用户点击HTML元素 |
onmouseover | 用户将鼠标移动到HTML元素上 |
onmouseout | 用户将鼠标移开HTML元素 |
onkeydown | 用户按下键盘按键 |
onload | 浏览器已经完成页面加载 |
💫