占位符未在IE9中工作

我是salesforce（SFDC）开发人员。在我的输入框的visualforce页面中，我使用占位符代码。占位符未在IE9中工作

<div class="control-group"> 
    <label class="control-label visible-desktop" for="first_name">First Name</label> 
    <div class="controls"> 
     <input class="input-block-level" name="First Name" id="first_name" placeholder="First Name" value="" type="text" required="required" autofocus="autofocus" /> 
    </div> 
</div>

我在互联网上检查了一些CSS黑客，但我没有找到任何。我发现一些JavaScript黑客。

HTML5占位符jQuery插件

https://github.com/mathiasbynens/jquery-placeholder

演示&例子

http://mathiasbynens.be/demo/placeholder

但我不想使用jQuery砍什么的。

来源

2013-07-17 Javascript Coder

IE9不支持占位符属性。查看您在IE9中提供的演示页面。有消息称浏览器本身支持它。 – Brainfeeder

您将不得不使用jQuery，因为旧版浏览器不支持它。 – Thew

显然，我的IE9的一些平板事件，导致它只是工作。无论如何[这个答案]（http://stackoverflow.com/a/9109448/1397220）是一个非jQuery的解决方案.. – Brainfeeder

由于IE9不支持占位符属性，你可以做到这一点的Javascript/jQuery的，像这样（迅速写的，未测试）：

if(navigator.appVersion.match(/MSIE [\d.]+/)){ 
    var placeholderText = 'Some Placeholder Text'; 
    $('#first_name').val(placeholderText); 
    $('#first_name').blur(function(){ 
     $(this).val() == '' ? $(this).val(placeholderText) : false; 
    }); 
    $('#first_name').focus(function(){ 
     $(this).val() == placeholderText ? $(this).val('') : false; 
    }); 
}

执行相同的模糊事件太多，那将模仿占位符属性。

[编辑]

好了，这再思考（由于评论）后，这是真的不是最优雅的解决方案（但它的工作），所以我会完全无视这个答案。

来源

2013-07-17 10:13:02 DarkMantis

尽管考虑它，这将匹配任何IE版本，所以你可能想要改变if条件以匹配[\ d。] {1}或其他东西（我的正则表达式不是很好） – DarkMantis

返回一个字符串从' .focus'什么都不做。你想做什么？ –

好吧我已经更新了我的答案，我认为这应该工作:) – DarkMantis

if(navigator.appVersion.match(/MSIE [\d.]+/)){ 
    $(document).find("input[placeholder]").each(function(){ 
     if($.trim($(this).val()) == ""){ 
      $(this).val($(this).attr("placeholder")).addClass('placeholder'); 
     } 
     $(this).on("focus",function(){ 
      $(this).hasClass('placeholder') ? $(this).val('').removeClass('placeholder') : false; 
     }).on("blur",function(){ 
      $(this).val() == '' ? $(this).val($(this).attr("placeholder")).addClass('placeholder') :false;   
     }); 
    });  
}

来源

2015-02-04 07:39:41 dharmesh

稍微简单的回答为我工作不是非常信任正则表达式（我的垮台）

function setPlaceHolderForIE9() { 
    var pos = window.navigator.userAgent.indexOf("MSIE"); 

    if (pos > 0) { 
     if (window.navigator.userAgent.substring(pos + 5, window.navigator.userAgent.indexOf(".", pos)) < 10) { 
      //alert($("input[placeholder]").val($("input[placeholder]").attr("placeholder"))); 
      $("input[placeholder]").each(function() { 
       $(this).val($(this).attr("placeholder")); 
      }); 

      $("input[placeholder]").click(function() { 
       if ($(this).val() === $(this).attr("placeholder")) { 
        $(this).val(''); 
       } 
      }); 

      $('input[placeholder]').blur(function() { 

       if ($.trim($(this).val()).length === 0) { 
        $(this).val($(this).attr("placeholder")); 
       } 
      }); 


     } 
    } 
}

来源

2015-02-05 19:11:34 Clarence

占位符未在IE9中工作

回答

相关问题