javascript - IE 8 Jquery 焦点问题父 div 内的子项

Question

我有一个颜色选择器

<div id="parentdiv" class='picker-on'>

    <input id=color_picker" class="E-panel-hex focus" type="text" value="#ce5059" name="color_picker" style="background-color: rgb(221, 95, 164); color: rgb(0, 0, 0);">

    <div id="picker" style="left: 669px; top: 289px;">
        <div class="farbtastic">
            <div class="color" style="background-color: rgb(255, 0, 163);"></div>
            <div class="wheel"></div>
            <div class="overlay"></div>
            <div class="h-marker marker" style="left: 45px; top: 31px;"></div>
            <div class="sl-marker marker" style="left: 61px; top: 101px;"></div>
        </div>
    </div>

</div>

如果我点击我的输入字段，父 div 'parentdiv' 会打开一个类选择器

并且轮子出现了，当我在 color_picker div 外部单击时，轮子在 firefox 宽度中消失了这段代码

$('.picker-on').focusout(function(){
        $('div.picker-on').removeClass('picker-on');
        $('#picker').remove();
        $('#'+thisid).trigger('change');
    });

你可以在这里看到颜色选择器是如何构建的

http://acko.net/dev/farbtastic

问题:聚焦功能:如果我从滚轮转到正方形并且 div 选择器消失，则会失去焦点如果我从广场走到车轮，它也会消失。模糊函数:一点都不消失!

我无法为此获得正确的代码，欢迎任何帮助!

编辑:只有 IE8 问题

Answer 1

尝试使用 .blur()，而不是 .focusout()。focusout 支持事件冒泡，即使子元素失去焦点它也会触发，这可能是你的问题。

来源:http://api.jquery.com/focusout/