Question

js文本域获得焦点文字消失,失去焦点文字显示

是文本域，不是文本框

Answer 1

//假如有个大文本域的ID叫txt1
/*
* jquery版
*/    
$('#txt1').focus(function(){
    $(this).val('获得焦点');
}).blur(function(){
    //清空文字
    $(this).val('');
});

/*
* javascript版，代码中绑定
*/
var txtareaObj = document.getElementById('txt1');
txtareaObj.onfocus = function(){
    this.value = "获得焦点";
}
txtareaObj.onblur = function(){
    this.value = "";
}

/*
* javascript 事件监听版 ,这个需要判断浏览器兼容性
*/
var txtareaObj = document.getElementById('txt1');
//获得焦点函数
var foucusHandler = function(){
    txtareaObj.val('获得焦点');
}
var blurHandler = function(){
    txtareaObj.val('');
}
try{  
    // Chrome、FireFox、Opera、Safari、IE9.0及其以上版本
    txtareaObj.addEventListener('focus',foucusHandler,false);
    txtareaObj.addEventListener('blur',blurHandler,false);
}catch(e){
    // IE8.0及其以下版本
    txtareaObj.attachEvent('onfocus',handle);
    txtareaObj.attachEvent('blur',handle);
}