A.使用传统的事件模型挂钩事件：

例子：

window.onload = function(){ document.getElementById('tmpSearch').onfocus = function(){ if(this.value == 'Search'){ this.value = ''; } }; document.getElementById('tmpSearch').onblur = function(){ if(!this.value){ this.value = 'Search'; } };}

传统的时间模型的局限性在于：对于指定元素，只能挂钩单个同类事件。这意味着在以上的JavaScript代码中，将无法为指定元素再添加另一个onfocus事件，因为后面挂钩的时间将会覆盖掉之前挂钩的事件。


B.使用W3C事件模型挂钩事件：