반응에서 마우스 오른쪽 버튼 클릭을 취소하는 방법

반응에서 오른쪽 클릭을 취소하는 방법: 1. 해당 반응 파일을 엽니다. 2. "comComponentDidMount(){document.oncontextmenu = function (e) {e = e || window.event;return false; };} ” 브라우저의 기본 오른쪽 클릭 이벤트를 차단합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

반응에서 오른쪽 클릭을 취소하는 방법은 무엇입니까?

반응 페이지에서 브라우저 기본 마우스 오른쪽 버튼 클릭 이벤트 차단

componentDidMount() {
    document.oncontextmenu = function (e) {/*屏蔽浏览器默认右键事件*/
        e = e || window.event;
        return false;
    };
}

관련 확장:

React componentDidMount() 메서드

React 구성 요소 수명 주기 React 구성 요소 수명 주기

comComponentDidMount() 메서드 형식은 다음과 같습니다.

componentDidMount()

comComponentDidMount() 메서드는 구성 요소가 마운트된(DOM 트리에 삽입된) 직후에 호출됩니다.

DOM 노드에 의존하는 초기화는 componentDidMount() 메소드에 배치되어야 합니다.

다음 예에서는 먼저 runoob를 출력한 다음, 구성 요소가 마운트된 후 componentDidMount() 메서드를 사용하여 출력을 google로 설정합니다.

Example

class Header extends React.Component {
  constructor(props) {
    super(props);
    this.state = {favoritesite: "runoob"};
  }
  componentDidMount() {
    setTimeout(() => {
      this.setState({favoritesite: "google"})
    }, 1000)
  }
  render() {
    return (
      <h1>我喜欢的网站是 {this.state.favoritesite}</h1>
    );
  }
}
 
ReactDOM.render(<Header />, document.getElementById(&#39;root&#39;));

권장 학습: "react video tutorial"

위 내용은 반응에서 마우스 오른쪽 버튼 클릭을 취소하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!