jQuery删除文本onfocus

前端之家收集整理的这篇文章主要介绍了jQuery删除文本onfocus前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我一直在尝试在文本输入中使用默认值,然后使用jQuery,当您“onfocus”文本框时,它会使文本变为黑色(默认为浅灰色),并删除默认值.我想你知道我在说什么,所以你知道怎么做到这一点吗?

最佳答案

JavaScript的

$('body').ready(function(){
  $('.txtClass').each( function () {
    $(this).val($(this).attr('defaultVal'));
    $(this).css({color:'grey'});
      });

  $('.txtClass').focus(function(){
    if ( $(this).val() == $(this).attr('defaultVal') ){
      $(this).val('');
      $(this).css({color:'black'});
    }
    });
  $('.txtClass').blur(function(){
    if ( $(this).val() == '' ){
      $(this).val($(this).attr('defaultVal'));
      $(this).css({color:'grey'});
    }
    });
});

见工作示例:http://jsbin.com/ovida3
http://jsbin.com/ovida3/2

猜你在找的jQuery相关文章