输入框前端交互经常用到，总的来说有几个逻辑：

1、输入框显示默认字符，提供输入指引；
2、聚焦后移除默认字符，方便输入；
3、焦点转移后，若输入框没有字符，则恢复默认字符。

今天看到有同学在探讨，写个出来抛砖引玉。不知是否有更简便的。

首先想到：
function clearText(field){
if (field.defaultValue == field.value) field.value = '';
else if (field.value =='') field.value = field.defaultValue;
}

改良后省去几个字符，一行搞定（但牺牲了可读性）

function clearText (f){
f.value = f.value == f.defaultValue ? '' : f.value || f.defaultValue;
}
Read the rest of this entry »