javascript - 占位符 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

占位符是某些 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();