react에서 복사를 금지하는 쓰기

9750 단어 프런트엔드
onCopy={(e) => e.preventDefault()}>
            

, 。 , css , :

css:.test{ -webkit-user-select: none; }

ctrl , , 。

, , ;

     window.document.onselectstart = () => {
       return false;
     }
     window.document.oncontextmenu = () => {
       return false;
     }

, react :

public->index.html : 

οncοntextmenu="return false"               

onselectstart="return false"                              

οncοpy="return false"                                          

: onCopy ,react :

onClick

onContextMenu

onDoubleClick

onMouseDown

onMouseEnter

onMouseLeave

onMouseMove

onMouseOut

onMouseOver

onMouseUp

onDrop

onDrag

onDragEnd

onDragEnter

onDragExit

onDragLeave

onDragOver

onDragStart

onTouchCancel

onTouchEnd

onTouchMove

onTouchStart


onKeyDown

onKeyPress

onKeyUp


onCopy

onCut

onPaste


onChange

onInput

onSubmit


onFocus

onBlur


UI :

onScroll


onWheel


좋은 웹페이지 즐겨찾기