联合使用CSS、JavaScript和JSF精心打造Ajax应用程序(2)
http://tech.ddvip.com 2008年06月09日 社区交流
内容摘要：了解如何才能不必刷新 Web 页面即可隐藏和显示可选 JSF 组件，如何实现在 Web 浏览器内执行的客户端验证，以及如何开发能够为 Web 表单的输入元素显示帮助消息的自定义组件。
在这个由两部分组成的系列文章的 第 1 部分 中，作者和 Java™ 开发人员 Andrei Cioroianu 展示了如何使用 JavaServer Faces (JSF) 组件的样式属性以及如何为这些属性设置默认值。在本系列的第二个部分中，我们将学习如何使用标准 JSF 组件的 JavaScript 相关属性。学习几种基于文档对象模型（Document Object Model，DOM）API、JavaScript™ 和层叠样式表（Cascading Style Sheets，CSS）的 Web 技术。了解如何才能不必刷新 Web 页面即可隐藏和显示可选 JSF 组件，如何实现在 Web 浏览器内执行的客户端验证，以及如何开发能够为 Web 表单的输入元素显示帮助消息的自定义组件。
处理事件和更新用户界面
很多 JSF HTML 组件都拥有 JavaScript 相关的属性，它们允许您指定在发生特定 UI 事件时将在 Web 浏览器中执行的代码片断。例如，标准 JSF 组件支持七类鼠标事件：
onmouseover
onmouseout
onmousemove
onmousedown
onmouseup
onclick
ondblclick
当 UI 组件获得或丢失键盘焦点，它将生成可以通过 onfocus 和 onblur 属性捕获的事件。onkeydown、onkeyup 和 onkeypress 事件在按下或释放某个键时触发。此外，<h:form> 组件接收 onsubmit 和 onreset 属性，输入组件拥有 onchange 和 onselect 属性，它们可以用来在表单元素的状态发生更改时，调用 JavaScript 函数。
还可以使用直接包含在 JSF 页面中的 HTML 元素的 JavaScript 相关属性，而不是由 JSF 组件呈现的 HTML 元素。例如，<body> 标记拥有 onload 和 onunload 属性。onload 事件在 Web 浏览器完成加载某个页面时触发。onunload 事件在用户离开页面时发生。
来源：ibm 作者：Andrei Cioroianu 责编：豆豆技术应用