Javascript/jQuery單擊元素內的元素

Question

這可能是相當易來解決，但由於某種原因，我無法弄清楚。

我有以下HTML：

<li onclick="function_1();"> 
    <input type="checkbox" onclick="function_2();"> 
    <div onclick="function_3();"> 
</li> 

我的問題是：每當我點擊子元素之一（無論是複選框或DIV），它也執行從<li>功能 - >function_1() 。

如何防止在單擊子元素時調用父元素函數？達到此目的的最佳方法是什麼？

感謝您的幫助！

Answer 1

使用stopPropagation功能

Answer 2

或者你可以return false從子元素的onclick功能。