onblur and onclick in at a time in js

i have a case where on a page there is a input field and a button to next page.

Now if onblur event is called on input the data should get saved and onclick of button the page should redirect to next page with the latest data from this page.

if the user types in input and directly hits the button, both the events are called at the same time and the latest data is not saved.

is there a design pattern or a common solution to this problem?