Onblur阻止<a href=""></a>

Question

我有一个单击时打开的简单菜单。问题是未打开的链接。它被onblur事件阻止了。

HTML：

<div id="x1" onclick="dropdown(this); return false;" onblur="dropdownclose(this); return  false;">

<ul class="dropi">
<li>Click here
<ul id="x1menu" class="sub">
<li> <a href="page.php" onclick="event.cancelBubble = true; if(event.stopPropagation) { event.stopPropagation(); }">LINK</a></li>
 </ul>
 </li>
 </ul>

 </div>

使用Javascript：

function dropdown(obj)
{
var x = document.getElementById(obj.id+'menu').style.display; 
if(x=='none' || x=='') {
document.getElementById(obj.id+'menu').style.display='block';
}
else if(x=='block') {
document.getElementById(obj.id+'menu').style.display='none';
}
return false;
}


function dropdownclose(obj)
{
var x = document.getElementById(obj.id+'menu').style.display;

if(x=='block') {
document.getElementById(obj.id+'menu').style.display='none';
}
return false;
}  

在查看有关stackoverflow的先前问题后，我发现了

 onclick="event.cancelBubble = true; if(event.stopPropagation) { event.stopPropagation(); }"

取消第一个div的onclick“”事件。但onblur事件仍然阻止了链接。有解决方案吗？

修改

似乎在Chrome中工作，而不是在IE中工作。对此有何选择或解决方案？