Javascript 将html元素拆分为相关组或如何避免特定元素的模糊事件

这种情况适用于触摸设备，但对于解决方案来说，这并不重要

有一个带有输入元素和下拉列表的页面。根据用户类型，将填充下拉元素

当用户触摸页面上除下拉列表以外的任何元素时，输入元素应失去焦点

为此，有一个全局事件观察器，当用户触摸页面上的其他对象时，可以模糊活动元素。 目前，我正在寻找一种通用的方法来指定活动元素不应模糊的情况，下拉列表不应模糊输入

我的想法是为元素提供一些标记/属性，以确定它们在同一个“家庭组”中，并且在另一个组处于活动状态时单击该组的一个子组不应触发模糊事件

但是，由于这些元素可以包含子元素，并且用户可以单击子元素，因此我需要标记每个元素，或者遍历DOM层次结构以找到父元素，这是一个肮脏的解决方案

对如何处理这一问题有何建议

我正在使用Anguarjs

非常感谢