一、事件三要素
1.事件源
<div>支付</div>
<script>
let div=document.querySelector('div') //获取事件
<script>
2.事件类型
事件类型有很多种,例如鼠标事件、键盘事件等等
鼠标事件 | 触发条件 |
onclick | 鼠标点击左键触发 |
onmouseover | 鼠标经过触发 |
onmouseout | 鼠标离开触发 |
onfocus | 获得鼠标焦点触发 |
onblur | 失去鼠标焦点触发 |
onmousemove | 鼠标移动触发 |
onmouseup | 鼠标弹起触发 |
onmousedown | 鼠标按下触发 |
3.事件处理程序
<div>支付</div>
<script>
let div=document.querySelector('div')
div.onclick=function(){ //事件处理程序
alert("支付成功")
}
</script>