click dblclick mousedown mouseup mouseover mouseout mousemove mouseenter mouseleave keydown keyup keypress submit focus blur copy cut paste . Just add @mousedown.prevent on the element with the @click event to prevent the input field from being blurred. Logic seems that e.preventDefault() on the blur event for that cell should keep the focus there, but it does not. I am not sure if it is the best solution, but it is what I ended up using. A cell is focused. Dispatching custom events - JavaScript Window: blur event - Web APIs | MDN - Mozilla onClick is the cornerstone of any React app. appendChild() attributes blur() childElementCount childNodes children classList className click() . How can I disable onBlur event if control receiving focus is 'Cancel ... In app.component.ts make a function that triggers on blur event. Those are events that happen when you focus into an input and when you focus out of it. Tip: Use the event.isPropagationStopped () method to check whether this method was called for the event. Example 1: app.component.ts. 5 ways to use Input blur event in Angular| Angular blur ... - Cloudhadoop Since calling preventDefault in a click handler will always prevent the browser from navigating to a link's address, . because .passive already indicates to the browser that you do not intend to prevent the event's default behavior, and you will likely see a warning from the . Prevent firing the blur event if any one of its children receives focus Specify delegate event handlers in Razor component markup with @on {DOM EVENT}=" {DELEGATE}" Razor syntax: Javascript queries related to "prevent blur event on click" prevent blur event on click; stop blur on click; js prevent inbut blur; prevent input from bluring js; prevent input blur event on button click; prevent blur javascript\ how to prevent blur on button click; prevent blur event onblur js; prevent blur; prevent blur of input on click . Return Value: It does not return anything, it simply trigger the blur event on the selected element. This works as expected if I click anywhere on the page, however if I click on the inner element of the div it also causes the parents blur event to be fired, thus causing the category to go back to view mode. This doesn't work with keyboard tabing since the mouse is not involved. This will catch blur event on all of its children too. Vue event handling is a necessary aspect of every Vue project. Therefore, scripts that rely on event delegation with the blur event will not work consistently across browsers.