1.contextmenu
<body>
<input id="root">
<script>
let hh = document.querySelector('#root')
hh.addEventListener('contextmenu', (e) => {
e.preventDefault()
console.log(e);
})
</script>
</body>contextmenu官方称作上下文菜单，简单点理解，就是网页中的鼠标右键，可以唤起一个菜单，可以进行各种浏览器提供给你的功能操作，通过阻止其默认行为，可以自定义右键菜单，做出好看的，更符合需求的web应用程序右键功能
