Listen for click events other than an element

demand ： Sometimes if we need to listen to the click event of touching an element position , for example input Box get focus floppy disk pop up , Hold up position: absolute; bottom: 0; At the bottom dmoe Elements , Now I click the floppy disk pop-up status and click this dmoe The floppy disk will not lose focus ！
npm:

npm i @vueuse/core

From v6.0, VueUse requires vue >= v3.2 or @vue/composition-api >= v1.1

CDN

<script src="https://unpkg.com/@vueuse/shared"></script>
<script src="https://unpkg.com/@vueuse/core"></script>

import {
     onClickOutside } from '@vueuse/core'

hold target Load on the outer container

<div class="content" ref="target">

setup() {
    
  //  Click the mouse outside the target , The callback is executed 
  onClickOutside( Target of monitoring , (e) => {
    
    //  Click the mouse outside the target , What to do ？
  })
}

setup () {
    
    // ...
    
    //  Click another location to hide 
    const target = ref(null)
    onClickOutside(target, () => {
    
      closeDialog()
    })
    return {
     visible, toggleDialog, target }
  }