键入时更新 p：输入文本样式

Question

如何在用户输入时更新< code>p:inputText的样式而不打断他们的输入？

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

这是为了验证。它可以很好地更新并获得正确的样式，但是当< code>p:inputText更新时，它会将光标设置回起点...中断用户的输入。总要有一种侵入性更小的方式来更新风格吧？

Answer 1

你能在客户端进行验证吗？我没有试过，但是您可以使用< code>onkeyup属性来执行一个Javascript函数，根据您的需要添加一个样式类。

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