<div>中包含<checkbox>，如何实现点击checkbox和div调用不同的方法

<div class="mask" onclick="maskClick(this)">
  <input class="check-box" type="checkbox" name="checkbox" onclick="checkBoxClick(this)">
</div>

现在的情况是，点击checkbox之后，调用了 checkBoxClick 方法之后，还会再调用一次 maskClick 方法，请问如何让点击 checkbox 不调用 div 的 maskClick 方法呢？

e.stopPropagation()

阻止冒泡