一般只有input元素有blur事件，但是如果想给普通的元素设置了blur事件之后，它是不会正常直行的。还需要再给元素添加tabindex属性，设置了tabindex属性之后，元素会带有一个下划线，还要去掉下划线，而且聚焦的时候会有样式，也要隐藏掉这个样式。具体的使用方式如下：

因为我是在uniapp中使用的，所以用的是view标签，在网页端换成div标签即可。

        class="uni-select-dc"
        tabindex="0"
        outline="none"
        hidenfocus="true"
        @blur="onBlur"
        :style="{ 'z-index': zindex }"

这样子设置之后，blur就会成功执行了：

当点击了除了红色框之外的地方，下拉框就会收起