ie8 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_pickerdiv外的时候轮子消失在firefox的宽度中这个代码

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

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

http://acko.net/dev/farbtastic

问题:Focusout功能:如果我从滚轮转到方形，div选择器就会消失如果从正方形到轮子，它也会消失。模糊函数:根本没有消失!

我找不到正确的代码，欢迎任何帮助!

编辑:只有IE8问题

Answer 1

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

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