当你设置了事件,当该事件被触发就会返回触发事件的元素,根据 event.target可以获取被触发的元素,事件都是这样设置的
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<script>
var divs = document.querySelectorAll('div')
for( i in divs){
divs[i].onclick = ()=>{
event.target
}
}
</script>
事件有很多种,我们比较常用的没有几个如下:
点击事件:onclick 就是鼠标点击的时候会被触发
双击事件:ondblclick 就是鼠标点击两下的时候会被触发
右键单击事件:oncontextmenu 就是右键点击
鼠标按下: onmousedown 鼠标安下的时候会被触发
鼠标抬起:onmouseup 鼠标抬起才会被触发
鼠标移动:onmousemove 鼠标在该元素上移动会被触发
鼠标移入:onmouseover 鼠标在离开改元素的时候会被触发
鼠标移入:onmouseenter 鼠标接触改元素的时候会被触发