javascript - Beberapa masalah dengan reaksi menggelegak
fn1(){
alert('父级');
}
fn2(ev){
ev.stopPropagation();
ev.nativeEvent.stopImmediatePropagation();
alert("子集");
}
componentDidMount(){
document.onclick=function(){
alert('document');
};
this.refs['fa'].onclick=function(ev){
//console.log(this);
console.log(ev.target);
alert("爷爷");
}
}
<p ref="fa" className="fa">
<p onClick={this.fn1.bind(this)}>
<p onClick={this.fn2.bind(this)}>aaaaaaaaaaa</p>
</p>
Hanya gunakan e.stopPropagation() untuk mengelakkan peristiwa induk daripada menggelegak Acara fn1 tidak akan mencetuskan, tetapi peristiwa dokumen akan mencetuskan?
e.nativeEvent.stopPropagation() menghalang menggelegak ke docuemnt tetapi fn1 ibu bapa dicetuskan Setiap kali fa diklik, ia akan mencetuskan dan mencetuskan terlebih dahulu Jika e.target tidak boleh diperolehi, hanya menangkap fn2 akan mempunyai hasil p aaa masalah Apabila ia datang, bagaimana kita hanya boleh mencetuskan peristiwa luar tanpa menangkapnya? Apakah mekanisme kejadian anggaran bagi peristiwa tindak balas? Terima kasih atas penyelesaiannya·
