鬼文字在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事件 ）