<div id="Menudiv" style="background-color: White; border: 1px solid #cccccc; padding: 10px;
display: none; position: absolute;">
<ul>
<li>测试1</li>
<li>测试2</li>
<li>测试3</li>
</ul>
</div>
<script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#testdiv ul li").each(function() {
$(this).bind("contextmenu", function(e) {
var e = e || window.event;
$("#Menudiv").css({ display: "block" });
if (! -[1, ]) {
e.cancelBubble = true; //IE下阻止事件传播
e.returnValue = false;
}
else {
e.stopPropagation(); //Firefox,opera,chrome下阻止事件传播
}
return false; //这句一定要加,否则会弹出浏览器默认的右键菜单
});
});
$(document).click(function() {
$("#Menudiv").css({ display: "none" });
});
});
</script>