一般来说自定义右键要么展示自己的内容,要么和左键一样拥有相同的click功能。soo,组件自己写去吧。以下三个解决方案的关键代码:
JS
HTML
<div oncontextmenu="Fn"></div>
Script
// 全局禁止右键
document.oncontextmenu = () => { return false; }
function Fn() {}
React(hook)
HTML
<div onContextMenu={() => Fn}></div>
Script
useEffect(() => {
document.oncontextmenu = () => { return false; }
}, []);
const Fn = () => {}
VUE(hook)
HTML
<div @contextmenu="Fn"></div>
Script
onBeforeMount(() => {
document.oncontextmenu = () => { return false; }
});
const Fn = () => {}