フォームにフォーカスしたらデフォルトテキストが消える

注意

このJavaScriptは習作です。 至らない点が各所に残っている可能性があるので、参考にする際はご注意ください。

Sample

Code

$(function () {

var searchInpt = $("#searchText");
var defaultVal = searchInpt.attr("value");
searchInpt.css("color","#999");

searchInpt.focus(function() {
  if (searchInpt.attr("value") == defaultVal) {
    $(this).css("color","#ddd").attr("value","");
  }
}).blur(function() {
  var nowVal = searchInpt.attr("value");
  if ($(searchInpt).attr("value") == "") {
    $(this).css("color","#999").attr("value",defaultVal);
  }
});

});

JavaScript1000本ノック トップページへ