blur()

focus()とは逆に、フォーカスが離れたことを感知するのがblur()です。

【jQuery】
<script type=”text/javascript”>
$(function(){
 $(“input”).val(“入力してください。”).css(“color”,”#CCCCCC”).one(“focus”,function(){ 
  $(this).val(“”).css(“color”,”#000000″);
 }).blur(function(){ 
  if($(this).val()==””){
   $(this).val(“入力してください。”).css(“color”,”#CCCCCC”).one(“focus”,function(){ 
   $(this).val(“”).css(“color”,”#000000″);
   });
  }
 });
});
</script>

【HTML】
<p>お名前:<input type=”text” value=”” /></p>

blur()サンプル

This entry was written by admin , posted on 火曜日 5月 24 2011at 08:05 pm , filed under Form and tagged , . Bookmark the permalink . Post a comment below or leave a trackback: Trackback URL.

コメントを残す

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>