우클릭 컨텍스트 이벤트 주석
This commit is contained in:
parent
9cabff9a08
commit
090458c7d0
@ -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 })
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user