占位符 IE9 - Javascript 未在 IE9 中执行

Question

我目前正在用 Drupal 开发一个网站，我使用 Javascript 来替换 IE8-9 中的占位符 属性。这是代码：

$('input[placeholder]').focus(function() {
  var input = $(this);
  if (input.val() == input.attr('placeholder')) {
    input.val('');
    input.removeClass('placeholder');
  }
}).blur(function() {
  var input = $(this);
  if (input.val() == '' || input.val() == input.attr('placeholder')) {
    input.addClass('placeholder');
    input.val(input.attr('placeholder'));
  }
}).blur();

但是好像没有执行。导航器不会进入函数内部。当我通过控制台启动它时，它工作正常。 有没有人知道如何修复它？

编辑：即使放置了正确的选择器，它仍然无法正常工作 非常感谢

Answer 1

placeholder 是一些 html 元素（输入）的属性，您必须添加一个匹配给定属性的选择器：

$('*[placeholder]').focus(function() { //Or input[placeholder]
  var input = $(this);
  if (input.val() == input.attr('placeholder')) {
    input.val('');
    input.removeClass('placeholder');
  }
}).blur(function() {
  var input = $(this);
  if (input.val() == '' || input.val() == input.attr('placeholder')) {
    input.addClass('placeholder');
    input.val(input.attr('placeholder'));
  }
}).blur();