国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - Mengikat peristiwa dan mencegah peristiwa menggelegak dalam tindak balas
學(xué)習(xí)ing
學(xué)習(xí)ing 2017-06-26 10:57:42
0
4
986

Jom terus ke kod Saya sudah lama memikirkannya dan tidak tahu di mana masalahnya.

    state = {
        spread: false
    }

    componentDidMount() {
        console.log('document clicked')
        document.onclick = () => {
            if(this.state.spread) {
                this.setState({
                    spread: false
                })
            }
        }
    }

    spreadHandler (e) {
        console.log('target clicked')
        // 這個(gè)事件綁定在一個(gè) a 標(biāo)簽上
        e.stopPropagation()
        this.setState({
            spread: !this.state.spread
        })
    }

Fungsi ini serupa dengan bar navigasi di bahagian atas Taobao, kecuali saya menggunakan acara klik di sini. Sekarang saya membatalkan gelembung apabila saya mencetuskan spreadHandler, tetapi peristiwa klik dokumen masih akan dicetuskan. Saya tidak tahu sama ada peristiwa itu terikat pada teg, atau jika ia disebabkan oleh sebab lain Adakah sesiapa tahu apa yang berlaku?

學(xué)習(xí)ing
學(xué)習(xí)ing

membalas semua(4)
滿天的星座

Mencegah menggelegak dalam peristiwa sintetik react tidak boleh membatalkan menggelegak peristiwa asli
Mencegah menggelegak dalam peristiwa asli boleh menghalang menggelegak dalam peristiwa sintetik react
Jadi anda harus cuba mengelakkan mencampurkannya, dan ia mesti digunakan Jika ya, anda boleh menambah lapisan pertimbangan dalam pengendali acara dokumen.

document.addEventListener('click', function(e){
    // 類似事件委托, 判斷一下發(fā)生事件的元素.
    if( e.target.nodeName.toLowerCase() === 'a' ) {
        return;
    }
}, false);
學(xué)習(xí)ing

e.preventDeafult()

代言

Cuba ini:

e.nativeEvent.stopImmediatePropagation();

Mekanisme acara React berbeza daripada js asli.

扔個(gè)三星炸死你

Peristiwa sintetik React semuanya dilaksanakan melalui proksi acara yang terikat pada klik pada dokumen, jadi adalah mustahil untuk menghalang pemprosesan acara lain pada dokumen dengan menghalang peristiwa sintetik daripada menggelegak (sudah berbuih pada dokumen), jadi anda perlu menggunakan Acara asli

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan