如何防止输入控件允许事件冒泡？

Question

在我的HTML中，我有div需要响应用户点击。我有一个新的要求是在该div中添加一些输入控件，但是点击它们会导致div的click事件被触发。

是否可以在不干扰输入功能的情况下防止这种情况发生？

＆＃13;

＆＃13;

$('.click-me').click(function(){
   $(this).css("background-color", "#F00");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="click-me">
    I can be clicked
    
    <select>
        <option>Option One</option>
        <option>Option Two</option>
        <option>Option Three</option>
    </select>
</div>

＆＃13;

＆＃13;

＆＃13;

这与建议的副本不同，因为我没有将事件附加到选择列表，浏览器单独执行此操作。我想允许选择列表上的正常事件播放但不在其后面的div上调用事件