우클릭 컨텍스트 이벤트 주석

This commit is contained in:
yjnoh 2024-10-11 18:07:06 +09:00
parent 9cabff9a08
commit 090458c7d0

View File

@ -25,19 +25,19 @@ export default function QContextMenu(props) {
if (!contextRef.current) return if (!contextRef.current) return
const handleContextMenu = (e) => { const handleContextMenu = (e) => {
e.preventDefault() // contextmenu // e.preventDefault() // contextmenu
setContextMenu({ visible: true, x: e.pageX, y: e.pageY }) setContextMenu({ visible: true, x: e.pageX, y: e.pageY })
console.log(111, canvasProps) console.log(111, canvasProps)
canvasProps?.upperCanvasEl.removeEventListener('contextmenu', handleContextMenu) // canvasProps?.upperCanvasEl.removeEventListener('contextmenu', handleContextMenu) //
} }
const handleClick = (e) => { const handleClick = (e) => {
e.preventDefault() // e.preventDefault()
setContextMenu({ ...contextMenu, visible: false }) setContextMenu({ ...contextMenu, visible: false })
} }
const handleOutsideClick = (e) => { const handleOutsideClick = (e) => {
e.preventDefault() // e.preventDefault()
if (contextMenu.visible && !ref.current.contains(e.target)) { if (contextMenu.visible && !ref.current.contains(e.target)) {
setContextMenu({ ...contextMenu, visible: false }) setContextMenu({ ...contextMenu, visible: false })
} }