在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

本，你可能已經看到了這一點，但再次提及它並沒有什麼壞處，以防萬一。

在這個URL有一個大多數臉部組件的工作演示。您可以單擊基本控件，查看在爲應用程序選擇正確組件之前，不同佈局的外觀和感覺。當你點擊View Source按鈕時，你將能夠看到JSF標籤的源代碼。