在html / JSF中 - 如何让任何组件响应点击？

Question

我已经取代了这个问题的内容，因为我认为前一个问题没有做好。

我想知道如何让JSF / RichFaces组件处理鼠标点击/悬停等事件......

目标是创建响应鼠标悬停和鼠标点击的漂亮大按钮。

谢谢！

Answer 1

所有（可视）组件都具有onclick，onmouseover，onmouseout，onfocus等属性，可让您在特定事件发生时运行Javascript代码被解雇。例如：

<h:inputText ... onclick="alert('Click');"/>

当用户点击输入字段时，

将显示“点击”消息。

关于您的要求，您可以尝试这样的事情：

<h:commandButton ... styleClass="aCssClass" onmouseover="this.className='anotherCssClass'" onmouseout="this.className='aCssClass'"/>

换句话说，将显示关于CSS类aCssClass的按钮，当光标进入按钮时，它将使用anotherCssClass类。当然，您也可以为onclick事件定义一个CSS类......

仅供参考：如果您要针对特定​​事件执行对服务器的Ajax调用（可能不是您正在寻找的事件），则可以使用<a4j:support/>标记：

<h:inputText ...>
    <a4j:support event="onclick" actionListener="#{myBean.doSomething}"/>
</h:inputText>

Answer 2

Ben，你可能已经看过这个，但是再提一次也没什么坏处，以防万一。

这个URL有一个大多数面部组件的工作演示。在为应用程序选择正确的组件之前，您可以单击“基本控件”，查看不同的“布局”外观和感觉。单击“查看源”按钮时，您将能够看到JSF标记的源代码。