鬼文字在ie9中不起作用

Question

我在所有浏览器中都使用了幽灵文本，但是在ie9或ie8中却无法正常工作。 步骤1加载页面步骤2输入提交验证消息来到步骤3将光标移到特定字段幻影文本上没有删除（不输入放置在特定字段幻影文本上的提交按钮光标消失了）。

我的代码如下。

<?php
echo $this->Form->input('service_address1', array(
    'id'        => 'address1',
    'div'       => false,
    'label'     => false, 
    'tabindex'  => '0',
    'class'     => 'form-bg',
    'maxlength' => 250,
    'value'     => 'Address',
    'onblur'    => "if(this.value=='') { this.value='Address'; }",
    "onfocus"   => "if(this.value == 'Address') { this.value = ''; }"
));
?>    

Answer 1

您的代码很好。 请在同一页面中检查其他代码中的任何问题。 如果您使用任何脚本功能，则可能是脚本代码引起的问题。

1. 在IE8和IE9中，按F12键 ，将显示控制台选项
2. 刷新页面并检查页面上是否显示任何问题
3. 继续提交

如果脚本中有任何错误或错误，它将显示在控制台上。

Answer 2

这是IE9中的错误，很多地方也有报道。 每当表动态呈现多行时。 IE 9创建了一些不需要的幻像单元 ，并干扰了UI的对齐。

因此，为防止在渲染时html表中不必要的鬼单元格，只需使用此有用的脚本

function removeWhiteSpaces()
{
   $('#myTable').html(function(i, el) {
      return el.replace(/>\s*</g, '><');
   });
}

页面加载时应调用此javascript函数（即onload事件 ）