Обновите стиль p: inputText при наборе текста

Question

Как мне обновить стиль p:inputText, пока пользователь печатает , не прерывая его ввода ?

<p:inputText id="radiusValue" value="#{bean.radius}"
            styleClass="#{bean.radiusStyle}">
            <p:ajax event="keyup" update="radiusValue" />
</p:inputText>

Это для проверки. Он обновляется нормально и получает правильный стиль, но когда p:inputText обновляется, он устанавливает курсор обратно в начало ... прерывая запись пользователя. Должен быть менее инвазивный способ обновления стиля?

Answer 1

Не могли бы вы сделать это на клиенте? Я не пробовал, но вы можете использовать атрибут onkeyup для выполнения функции Javascript, которая добавляет класс стилей в зависимости от того, что вам нужно.

function applyStyle() {
    var element = document.getElementById("myInputText");
    element.classList.add("mystyle");
}