js可以让我们有能力创造动态页面,而事件是可以被js侦测到的行为。
事件三要素(组成)
- 事件源 事件被触发的对象:谁被触发了,比如一个按钮
- 事件类型 如何触发 什么事件 比如鼠标点击(onclick)、鼠标经过、键盘按下。
- 事件处理程序 通过一个函数赋值的方式来完成
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>事件</title> </head> <body> <button id='btn'>点我</button> <script> // 事件源 事件被触发的对象:谁被触发了,比如一个按钮 var b=document.getElementById('btn'); // 事件类型 如何触发 什么事件 比如鼠标点击(onclick)、鼠标经过、键盘按下。 // 事件处理程序 通过一个函数赋值的方式来完成 b.onclick=function(){ alert('渣渣龙'); } </script> </body> </html>结果演示
常见鼠标事件
事件禁用
this.disabled=true; //this指向的是事件函数的调用者
btn.disabled=true;//禁用这个按钮