Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk membatalkan klik kanan dalam bertindak balas

Bagaimana untuk membatalkan klik kanan dalam bertindak balas

藏色散人
藏色散人asal
2023-01-03 14:42:452225semak imbas

Cara membatalkan klik kanan dalam react: 1. Buka fail react yang sepadan 2. Tambah kod "componentDidMount(){document.oncontextmenu = function (e) {e = e || window.event ; return false ;};}" untuk menyekat acara klik kanan lalai penyemak imbas.

Bagaimana untuk membatalkan klik kanan dalam bertindak balas

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Bagaimana untuk membatalkan klik kanan dalam bertindak balas?

Sekat peristiwa klik kanan lalai penyemak imbas dalam halaman reaksi

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

Pelanjutan berkaitan:

Kaedah React componentDidMount()

Komponen bertindak balas kitaran hayat komponen Life Cycle React

format kaedah componentDidMount() adalah seperti berikut:

componentDidMount()

kaedah componentDidMount() dipanggil serta-merta selepas komponen dipasang (dimasukkan ke dalam pokok DOM).

Permulaan yang bergantung pada nod DOM harus diletakkan dalam kaedah componentDidMount().

Contoh berikut akan mula-mula mengeluarkan runoob, dan kemudian menggunakan kaedah componentDidMount() untuk menetapkan output google selepas komponen dipasang:

Contoh

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;));

Pembelajaran yang disyorkan: "tutorial video bertindak balas

Atas ialah kandungan terperinci Bagaimana untuk membatalkan klik kanan dalam bertindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn