JavaScript:如何在Internet Explorer中模拟更改事件(委托）

更新： （回顾，小提琴和赏金）

这个问题没有得到太多的关注，所以我将花一些时间。我知道我的回答和问题都过于冗长。这就是为什么我继续设置这个小提琴，在我看来，这是我目前必须用来接近冒泡change事件的代码的体面表示。我正在尝试解决的几个问题：

1. pseudo-change 事件不会在选定元素上触发，除非它失去焦点。在某些情况下，应在选择新值时重定向客户端。我如何实现这一点？
2. 单击标签时调用处理程序以及复选框本身。这本身就是您所期望的，但由于事件冒泡，（AFAIK）无法确定单击了哪个元素。IE 的事件对象没有 realTarget 属性。
3. 当通过单击标签更改IE中复选框的checked状态时，一切都很好（尽管它需要一些令人讨厌的解决方法），但是当直接单击复选框时，会调用处理程序，但选中状态保持不变，直到我第二次单击。然后值更改，但不调用处理程序。
4. 当我切换到其他选项卡并再次返回时，处理程序被多次调用。如果选中状态实际更改，则三次，如果我只直接单击一次切克框，则两次。

任何可以帮助我解决上述一个或多个问题的信息将不胜感激。拜托，我没有忘记添加一个jQuery标签，我喜欢纯JS，所以我正在寻找一个纯JS答案。

我有一个网页，上面有超过250个选择元素，还有20~30个复选框。我还必须跟踪用户的操作，并采取适当的操作。因此，恕我直言，委托变更事件而不是增加数百名听众是很自然的。

当然，IE - 公司政策：必须支持 IE8 - 在我需要时不会触发 onchange 事件。所以我试图伪造一个 onchange 事件。到目前为止，除了一件真正困扰我的事情之外，我所拥有的工作还算不错。
我正在使用onfocusin和onfocusout来注册事件。在某些情况下，当用户从 select 元素中选择新值时，脚本应立即响应。但是，只要选择没有失去焦点，就不会发生这种情况。

这是我到目前为止想出的：

i = document.getElementById('content');
if (!i.addEventListener)
{
    i.attachEvent('onfocusin',(function(self)
    {
        return function(e)
        {
            e = e || window.event;
            var target = e.target || e.srcElement;
            switch (target.tagName.toLowerCase())
            {
                case 'input':
                    if (target.getAttribute('type') !== 'checkbox')
                    {
                        return true;
                    }
                    return changeDelegator.apply(self,[e]);//(as is
                case 'select':
                    self.attachEvent('onfocusout',(function(self,current)
                    {
                        return function(e)
                        {
                            e = e || window.event;
                            var target = e.target || e.srcElement;
                            if (target !== current)
                            {
                                return;
                            }
                            self.detachEvent('onfocusout',arguments.callee);//(remove closure
                            return changeDelegator.apply(self,[e]);
                        }
                    })(self,target));
                default: return;
            }
        }
    })(i));//(fake change event, buggy
}
else
{//(to put things into perspective: all major browsers:
    i.addEventListener('change',changeDelegator,false);
}

我尝试在绑定到 onclick 事件的 onfocusin 处理程序中附加另一个事件侦听器。它触发了任何选择具有焦点ATM的onfocusout事件。唯一的问题是，99.9%的用户会点击一个选择，所以focusin事件也会触发一个点击。

为了解决这个问题，我创建了闭包，并将当前的焦点选择及其原始值作为参数传递给它。但有些用户确实使用他们的键盘，这些用户经常按 Tab 键转到下一个选择框而不更改值。每次绑定一个新的点击侦听器...我确实相信必须有一种比检查所有e.type并单独处理它们更简单的方法。
举个例子：带有额外onclick侦听器的代码：所有代码都与第一个代码段相同，所以我只粘贴case 'select':块

                case 'select':
                    self.attachEvent('onfocusout',(function(self,current)
                    {
                        return function(e)
                        {
                            e = e || window.event;//(IE...
                            var target = e.target || e.srcElement;
                            if (!(target === current))
                            {
                                return;
                            }
                            self.detachEvent('onfocusout',arguments.callee);//(remove closure
                            return changeDelegator.apply(self,[e]);
                        };
                    })(self,target));
                    self.attachEvent('onclick',(function(self,current,oldVal)
                    {
                        return function(e)
                        {
                            e = e || window.event;
                            var target = e.target || e.srcElement;
                            if (target.tagName.toLowerCase() === 'option')
                            {
                                while(target.tagName.toLowerCase() !== 'select')
                                {
                                    target = target.parentNode;
                                }
                            }
                            if (target !== current)
                            {//focus lost, onfocusout triggered anyway:
                                self.detachEvent('onclick',arguments.callee);
                                return;
                            }
                            var val = target.options[target.selectedIndex].innerHTML;//works best in all browsers
                            if (oldVal !== target.options[target.selectedIndex].innerHTML)
                            {
                                self.detachEvent('onclick',arguments.callee);
                                return target.fireEvent('onfocusout');
                            }
                        };
                    })(self,target,target.options[target.selectedIndex].innerHTML));
                default: return;