Conflict resolution of onblur and onchange

brief introduction

Pictured above , I want to click xxx or yyy Turn off the pop-up layer , Click on dom Other elements on the pop-up layer are also turned off

So I listened xxx and yyy Elemental onClick Events and input Elemental onBlur event

But when I click xxx or yyy when onBlur The event will execute first , Lead to xxx or yyy Of onClick Events are not executed directly

bug reason

onblur Events will be better than onclick Events are executed first

Solution

1. hold onblur The code on the event is changed to asynchronous form , For example, add setTimeout
2. No monitoring onClick Events but monitoring onMouseDown Event so that your event will be executed the moment you press the mouse