Html- 阻止子元素事件触发父元素事件（事件冒泡）

   <div id="inputContaniner"   onclick="CloseInput()" >
        <input type="text">
    </div>
1
2
3

如上所示，但点击了input也会触发 div的点击事件！！🙈

在input上添加取消冒泡即可解决（event.cancelBubble = true）

   <div id="inputContaniner"   onclick="CloseInput()" >
        <input type="text" onclick="event.cancelBubble = true">
    </div>
1
2
3