Stop buttons getting focus

I'm implementing a text formatting toolbar using the following buttons.

The problem is that I simply loose the focus on the text inputs being edited when I press these buttons. Is there any way to prevent them stealing the focus?

Copyright Notice：Content Author:「Charlie」，Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article：https://stackoverflow.com/questions/33476381/stop-buttons-getting-focus

Products recommended by Amazon

More >>>

SanDisk 128GB microSDXC-Card, Licensed for Nintendo-Switch - SDSQXAO-128G-GNCZN

HUANUO Dual Monitor Stand - Adjustable Spring Monitor Desk Mount Swivel Vesa Bracket with C Clamp, Grommet Mounting Base for 13 to 27 Inch Computer Screens - Each Arm Holds 4.4 to 14.3lbs

AMD Ryzen 5 5600X 6-core, 12-Thread Unlocked Desktop Processor with Wraith Stealth Cooler

Timberland Men's 6-Inch Premium Waterproof Boot

More about “Stop buttons getting focus” related questions

Stop buttons getting focus

I'm implementing a text formatting toolbar using the following buttons. https://jqueryui.com/button/#checkbox The problem is that I simply loose the focus on the text inputs being edited when I p...

Show Detail

Prevent element from getting focus

Essentially is it possible to stop an element, in my case a button element from getting focus in javascript? What I am trying to achieve is an AngularJS directive that when it gets focus will show a

Show Detail

Stop body from getting focus

If I put the focus on the url edit in chrome and then press tab, then run document.activeElement in my console I get: <body tabindex="-1" aurelia-app="main">...</body> Is there a way ...

Show Detail

Buttons are aligned horizontally but not getting focus

I have five buttons with same width and height. I am putting them horizontally. How the focus will change when i am moving from one button to another??

Show Detail

Stop window from getting focus on click on it

Hello I am using pjsua http://www.pjsip.org/pjsua.htm and I am making video call application. My problem is that when I establish a connection and video is on, if I click on the video, the video wi...

Show Detail

Iteratively write words in a textbox when not in focus and stop when in focus

I have a simple task to interact with an ordinary textbox based on whether it is in focus or not but am getting hung up on how to start and stop an iterative process using jQuery. Goal I have an ...

Show Detail

Buttons keeping their focus class after losing focus

I have some buttons in a bottom toolbar of a gridpanel that control adding, and removing records from the row-editing grid. The handlers are pretty simple: "new" button creates an instance of the ...

Show Detail

Why are textboxes in my page getting focus on pageload?

I have a page with textboxes and buttons. When the page loads, often times, focus is in one of the textboxes and I don't want this to happen. However, I don't want to use something like setfocus in...

Show Detail

Alternative solution for :focus on multiple buttons

I'm struggling to find a different solution for :focus when clicked on a button, as Safari doesn't support :focus on buttons. I have a field of 16 buttons, which should change colours when clicki...

Show Detail

making focus invisible for radio buttons on click but focus should be visible on keyboard navigation

How do I make focus invisible for radio buttons only on click (focus should be visible through keyboard navigation) disabling mouse down event or using settimeout(()=>$(event.target).blur(),1) on

Show Detail