点击子元素会触发父元素事件

我创建了一个复选框并将其放置在myElement上。这是我的代码。

var myCheckBox = document.createElement("input");
    myCheckBox.setAttribute("type", "checkbox");
    myCheckBox.innerHTML = "";
    myCheckBox.setAttribute("id", "myID");
    myCheckBox.onchange = CheckBoxChange;
    myCheckBox.setAttribute("value", title);
    myEle.insertBefore(myCheckBox, myEle.firstChild);

现在，myEle的onclick发生了另一个类似排序的事件。因此，当支票/ Unckeck复选框paraent元件事件也菲林。如何克服这一点。

我在这里尝试的是

function CheckBoxChange(e){
    e.stopPropagation();
}

但是在我发动攻击之前CheckBoxChange，myEle要坚决。我如何才能限制该事件的发生myEle，但最终没有发生checkbox。感谢帮助。