How to track the click until the mouse button is released?

Question

JavaScript

Hello, I have a modal that opens when you click on the delete icon and I want to hide this modal if the click was outside the modal area, but I want to hide it until the button is released on the mouse, since the element on which I click drag & drop, please tell me how to implement Closing the modal before pressing the button?

<v-menu
                        :menu-props="{
                            minWidth: '210px',
                            nudgeRight: '-50%',
                            nudgeTop: 130,
                            closeOnClick: true // работает только когда кнопка отжата 
                            transition: 'slide-y-transition',
                        }"
                        title="Delete tile"
                        :arrow-props="{
                            position: 'bottom center'
                        }"
                        confirmButton="Delete"
                        @confirm="onTileDelete"
                    >
                        <div class="delete-action">
                            <z-btn
                                outline
                                class="v-btn--delete"
                                data-aut="dashboard-tile-config-form-delete-button"
                            >Delete</z-btn>
                        </div>
                        <template slot="text">
                            Are you sure you want to delete this tile?
                        </template>
                    </v-menu>

Answer 1

I won’t say about vue, but in general the onmousedown event