鍍金池/ 問答/HTML/ 看iview的upload源碼，里面手動(dòng)click為什么不會(huì)無限循環(huán)

看iview的upload源碼，里面手動(dòng)click為什么不會(huì)無限循環(huán)

大佬們好，先上源碼的截圖
clipboard.png
clipboard.png

請(qǐng)問，這里我點(diǎn)擊了slot里的元素，事件冒泡到外面那個(gè)div，觸發(fā)了handleClick，然后里面又手動(dòng)讓input元素click一下，這樣事件不是又會(huì)冒泡到外面那個(gè)div了嗎

回答
編輯回答
孤慣

應(yīng)該跟vue沒關(guān)系，這么一個(gè)代碼一樣不會(huì)無限循環(huán)，不過把延遲注釋打開就不一樣了。

<div id="wrapper">
  wrapper
  <div id="inner">
    inner
  </div>
</div>
var domInner = document.querySelector('#inner')
var domWrapper = document.querySelector('#wrapper')
domInner.onclick = () => {
  console.log('inner')
}
domWrapper.onclick = () => {
  // setTimeout(() => {
    console.log('wrapper')
    domInner.click()
  // }, 1000)
}
domInner.click()
2017年1月10日 09:54
編輯回答
念舊

這個(gè)應(yīng)該和事件流的機(jī)制有關(guān)吧，
因?yàn)槊芭蓦A段需要冒回到window層

2018年9月7日 01:28