Rumah > Artikel > hujung hadapan web > Bagaimana untuk membatalkan klik kanan dalam bertindak balas
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.
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('root'));
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!