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事件模型挂钩事件：