IE 阻止 html 表单字段答案

【问题标题】：IE blocking html form fieldsIE 阻止 html 表单字段
【发布时间】：2012-12-10 23:52:07
【问题描述】：

在http://megsmoxie.com/2012/12/enter-to-win-a-fijit-friend-willa/（或任何单个帖子）上，搜索、订阅和评论表单在 Ineternet Explorer 中不起作用。

您可以单击它们并查看光标一秒钟，然后它似乎失去了焦点，所以我认为这不是重叠 div 问题。如果你一点击就按下一个键，你可以输入一个字母，但它会失去焦点。它在 chrome 和 ff 中运行良好。

奇怪的是，问题并没有出现在http://megsmoxie.com/contact/ 或主页上（侧边栏表格和联系表格都可以正常工作），问题仅出现在单个帖子上。任何帮助将不胜感激。

【问题讨论】：

在这里发布相关代码，而不是让用户在别处寻找，将是非常有益的。
我们可以看看你的代码吗？这很可能是因为语法在 IE 中不像在其他语言中那样工作。不要让我们通过源文件去寻找它。我们随时为您提供帮助。
请列出您可能在这些输入字段中使用的任何插件或脚本。

标签： html forms internet-explorer focus

【解决方案1】：

您会注意到，如果单击并按住鼠标，则可以在字段中输入而不会中断。只有当您释放鼠标按钮时，焦点才会被盗，您无法再打字。通过这种行为观察，我使用 Chrome 来查看正在处理的事件：

我发现document 具有mouseup 事件的处理程序，并且此代码来自icx-ez-excerpt.js。通过您的文档追溯这一点，您可以在下面找到相关参考（删除这些，果然解决了问题）：

<script type="text/javascript">
    var icx_publication_id = 10591;
    var icx_copyright_notice = 'Copyright 2012 Meg&#039;s Moxie';
    var icx_content_id = '30168';
</script>
<script type="text/javascript"
        src="http://license.icopyright.net/rights/js/copyright-notice.js">
</script>

删除它，代码在 IE 中按预期工作。我将进一步深入了解他们的代码中哪些内容破坏了用户的体验。

【讨论】：

很抱歉没有发布代码，因为表单标记看起来很正常，我认为可能是别的东西。这是一个运行着很多插件和广告的 wordpress 网站。谢谢乔纳森，当我停用解决问题的 iCopyright 插件时。如果你想继续挖掘，我重新激活了它。

【解决方案2】：

我浏览了这个页面，发现了很多事情。这很可能是由于 onfocus 事件在整个地方被触发的一些争论。 IE 尤其不擅长处理 onfocus 事件。

此外，似乎还有一些第三方脚本和控件正在触发。其中一个很可能只是从 IE 中的文本框中窃取焦点。

除此之外，我不能告诉你更多。如果您是该站点的开发人员，您将需要进行一些更深入的调试。尝试消除一些正在发生的事情并将其一一添加，直到它再次中断或调试一些 javascript。

【讨论】：