语法:
let a = document.querySelector('.a')
a.鼠标事件= function(){
console.log(' ');
}
鼠标事件:
(1)点击事件: onclick
(2)双击事件: ondblclick
(3)鼠标右键点击事件: oncontextmenu
(4)鼠标进入事件: onmouseenter onmouseover
onmouseover 比 onmouseenter 先执行
(5)鼠标离开事件: onmouseleave onmouseout
onmouseout 比 onmouseleave 先执行
注意:如果元素里面存在子元素,鼠标在元素中移动时会反复触发 onmouseover 和 onmouseout
(6)鼠标移动事件 (所有的事件方法,都有一个默认的参数): onmousemove
语法:
a.onmousemove = function(e){
//获取鼠标指定位置
let {offsetX,offsetY} = e
//conlose.log('鼠标移动',offsetX.offsetY)
}
(7)鼠标按下事件 : onmousedown
(8)鼠标弹起事件: onmouseup
视口宽高
window.innerWidth 返回视口宽度
window.innerHeight 返回视口高度