如何將checkbox onclick事件傳遞給父級onclick？

Question

我有一個onclick事件，並在裏面。
當我點擊複選框時，div-onclick事件不會觸發 - 我希望它在不需要將onclick發佈到複選框上的情況下觸發。

<div id="id-tag" onclick="do()"> 
    <span>text</span> 
    <img src="pic.jpg" /> 
    <input type="checkbox" name="mycheck" /> 
</div> 

我知道div-idtag，但理想情況下希望避免在複選框內指定它。
使用上的複選框另一個函數調用的onclick調用父類的是不是我期待的一樣，

onclick="run_parent_onclick()" 

，但這是好的（未經測試）

onclick="this.parent.click()" 

Answer 1

你可以在輸入的onclick手動觸發div的單擊事件：

<input type="checkbox" name="mycheck" onclick="this.parentNode.click()" /> 

或

<input type="checkbox" name="mycheck" onclick="document.getElementById('id-tag').click()" /> 

Answer 2

使用的addEventListener：

function do(e) { ... } 
document.getElementById('id-tag').addEventListener('click', do, true); 

「真」使事件捕獲。