在IE中通过叠加的光标/插入符号出血

Question

我正在和现有的网站www.shopthethirdfloor.com上工作。使用IE，如果单击产品菜单，将焦点置于搜索框，然后滚动弹出的菜单覆盖下的搜索字段，搜索字段位于覆盖下，但光标继续闪烁隐藏输入字段的位置是。这只发生在IE中。搜索和产品显示也是iframe。我认为这是一个错误/功能，取决于您是用户还是微软。

Answer 1

我在Internet Explorer团队工作，可以向您保证，我们不会将此视为一项功能。这是一个简单而简单的错误。我已将此问题和您的网站添加到问题的内部故障单中，供团队在下一次分诊期间进行审核。

目前您可以添加document.documentMode的检查，并应用一些功能来阻止Internet Explorer在不相关的元素顶部显示插入符号。在下面的代码中，我使用jQuery的$.fn.one方法在元素的.onFocus事件期间附加一次性使用的处理程序，然后在窗口期间处理它＆＃39 ; s .onScroll事件：

if ( document.documentMode && document.documentMode < 12 ) {
    $( document ).on( "focus", ":input", function ( event ) {
        $( window ).one( "scroll", function () {
            event.target.blur();
        });
    });
}

结果可以在这里看到：http://jsfiddle.net/yynsbrat/2/

我将继续与团队合作，从最终解决这个问题，但在此之前，我希望这种方法能够在此期间为您提供帮助。