javascript事件绑定的问题

Question

<asp:TextBox ID="txtBorderColor" runat="server" onfocus="showColorSelector(this);"></asp:TextBox>    function showColorSelector(colorTextBox) {        currentColorTextBox = colorTextBox;        show(colorSelector);        setAbsolutePosRight(colorSelector, colorTextBox);        document.body.attachEvent("onclick", decideOnOff);    }    function decideOnOff() {        var event = arguments[0] || window.event;        if (event.clientX + getHScroolPos() < colorSelector.offsetLeft                || event.clientX + getHScroolPos() > colorSelector.offsetLeft + colorSelector.scrollWidth                || event.clientY + getVScroolPos() < colorSelector.offsetTop                || event.clientY + getVScroolPos() > colorSelector.offsetTop + colorSelector.scrollHeight) {            hide(colorSelector);            document.body.detachEvent("onclick", decideOnOff);        }    }   为什么点击TextBox后，弹出的Div一闪而过，就好像TextBox的onfocus事件之后，紧接着触发了body.onclick事件，而我想要的结果是当TextBox获取焦点后，显示一个Div，我点除TextBox和弹出的Div之外的区域时，Div消失，怎么搞啊？

Answer 1

你可以在body的onclick中通过判断srcElement或target属性，得知是在哪一个元素上单击造成的些事件的触发，如果发现是在textbox上单击的，那么就不需要再执行decideOnOff中的逻辑