鼠标事件练习

let demo = document.querySelector(’.demo’)

鼠标右击事件
demo.oncontextmenu = function (e) {
阻止默认事件
e.preventDefault()
let menu = document.querySelector(’.menu’)
如果存在remove就把他删除
if (menu) menu.remove()
menu = document.createElement(‘div’)
获取menu的样式
menu.classList.add(‘menu’)
menu.style.left = e.pageX + ‘px’
menu.style.top = e.pageY + ‘px’
}
window.onclick = (e)=> {
let menu = document.querySelector(’.menu’)
if (menu && !menu.contains(e.target))
menu.remove()
}