Предотвратить потерю фокуса при щелчке из входа

Question

Я разрабатываю виртуальную клавиатуру в jQuery, и моя проблема:

Когда я нажимаю на клавишу клавиатуры, ввод теряет фокус во время щелчка, и если количество букв на входедлиннее входного размера, вход показывает начало строки.И затем, когда щелчок отпущен, ввод возвращается в фокус, и каретка подходит к концу строки.Так что это ужасно, потому что у нас создается впечатление, что содержимое ввода мигает.

theButtonDiv.click(function() {
    attachedInput.value = idOfAttachedInput.value + theActualKey;
    attachedInput.focus();
});

Поэтому я бы хотел предотвратить потерю фокуса ввода, когда мы нажимаем на кнопку клавиатуры.

Как я могу это сделать?

Спасибо.

Answer 1

Один из способов - прослушать событие «mousedown» на узле клавиатуры верхнего уровня и вызвать preventDefault для объекта события.

Answer 2

Я думаю, вы ищете свойство CSS с именем outline.

#yourinput {
    outline: none;
}

Это должно заботиться о том, чтобы поле было подсвечено, когда оно имеет фокус.