鼠标点击的问题

Question

<div id="fuk" style="border:1px solid #999;width:100px;">
<INPUT TYPE="checkbox" NAME="">black <br>
<INPUT TYPE="checkbox" NAME="">red<br>
<INPUT TYPE="checkbox" NAME="">green<br>
</div><SCRIPT LANGUAGE="JavaScript">
<!--
//tested in IE6 and firefox 1.5
document.onmousedown = function(e){
fireEvent();
var obj;
if(event.srcElement!=null){
obj=event.srcElement;
}else{
obj=e.target;
}
if(obj.id!="fuk"){
document.getElementById("fuk").style.display = "none";
}

}
// it is useful in firefox browser 
function fireEvent(){
if(window.Event){
 window.constructor.prototype.__defineGetter__("event", function(){
  var o = arguments.callee.caller;
  var e;
  while(o != null){
   e = o.arguments[0];
   if(e && (e.constructor == Event || e.constructor == MouseEvent)) return e;
   o = o.caller;
  }
  return null;
 });
}
}//-->
</SCRIPT>

Answer 1

<!--I'm so sorry , I forget there has some checkboxs and this is right --><div id="fuk" style="border:1px solid #999;width:100px;">
<INPUT TYPE="checkbox" NAME="">black <br>
<INPUT TYPE="checkbox" NAME="">red<br>
<INPUT TYPE="checkbox" NAME="">green<br>
</div><SCRIPT LANGUAGE="JavaScript">
<!--
//tested in IE6 and firefox 1.5
document.onmousedown = function(e){
fireEvent();
var obj;
if(event.srcElement!=null){
obj=event.srcElement;
}else{
obj=e.target;
}
var srcobj = document.getElementById("fuk"); if(event.clientX<srcobj.offsetLeft || event.clientX>(srcobj.offsetLeft+srcobj.offsetWidth) || event.clientY<srcobj.offsetTop || event.clientY>srcobj.offsetTop+srcobj.offsetHeight){
document.getElementById("fuk").style.display = "none";
}
}// it is useful in firefox browser 
function fireEvent(){
if(window.Event){
 window.constructor.prototype.__defineGetter__("event", function(){
  var o = arguments.callee.caller;
  var e;
  while(o != null){
   e = o.arguments[0];
   if(e && (e.constructor == Event || e.constructor == MouseEvent)) return e;
   o = o.caller;
  }
  return null;
 });
}
}//-->
</SCRIPT>