javascript - 输入字段占位符属性 ie7+

Question

我目前正在使用以下库:

http://widgetulous.com/placeholderjs/

并使用以下代码来检测使用的必要性/并将其应用到需要它的字段:

 if navigator.userAgent.indexOf("MSIE")!= -1 or navigator.userAgent.indexOf("Trident")!= -1
    $ ->
       Placeholder.init()
       numPlaceHolders = $('input[placeholder]').length
       window.setInterval(=>
          if ($('input[placeholder]').length != numPlaceHolders)
             numPlaceHolders = $('input[placeholder]').length
             Placeholder.init()
      , 1000)

设置 Interval 的原因是元素是在运行时动态生成的(我使用 Angular JS)。不幸的是，ie支持是必须的，占位符属性不支持...

所以我有疑问:

1) 如何强制将 Placeholder.init() 应用于具有 placeholder 属性的所有新输入字段？有什么办法可以避免连续循环间隔吗？我知道 DomChange 事件(各种)，但据我所知，它们 a) 已弃用，b) 在 ie 中不受支持？

2)是否有更好的方法来检查浏览器兼容性，然后像我一样明确要求 ie？

Answer 1

这是我解决第一个问题的方法(直接检查 ie 而不是兼容性):

替换:

 if navigator.userAgent.indexOf("MSIE")!= -1 or navigator.userAgent.indexOf("Trident")!= -1

与

 if typeof(document.createElement('input').placeholder) == "undefined"

仍然不知道是否有比超时更好的方法来解决这个问题