jquery - 带有插件的 Html 5 plachold 文本 - 如何从文本框中删除焦点

Question

我已经实现了 IE8 支持占位符插件，它在文本框中启用，但第一次有焦点设置它，所以当第一次加载页面时文本显示在那里。如果我在文本页面之外单击，则会显示该消息。

我正在关注http://www.jacklmoore.com/notes/form-placeholder-text/插件，在文本框中，每件事看起来都不错。

// A jQuery based placeholder polyfill
$(document).ready(function(){
  function add() {
    if($(this).val() === ''){
      $(this).val($(this).attr('placeholder')).addClass('placeholder');
    }
  }

  function remove() {
    if($(this).val() === $(this).attr('placeholder')){
      $(this).val('').removeClass('placeholder');
    }
  }

  // Create a dummy element for feature detection
  if (!('placeholder' in $('<input>')[0])) {

    // Select the elements that have a placeholder attribute
    $('input[placeholder], textarea[placeholder]').blur(add).focus(remove).each(add);

    // Remove the placeholder text before the form is submitted
    $('form').submit(function(){
      $(this).find('input[placeholder], textarea[placeholder]').each(remove);
    });
  }
});

请参阅下面的JSFIDDLE