关于onclick事件的问题 document.body.onclick=function(){alert("我出现在所有地方哦");} 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><style type="text/css"><!-- div{ border:1px solid #BCCBFE; } #newselect{ margin:10px auto; width:100px; height:20px; font:14px/20px "宋体"; text-align:center; cursor:pointer; position:relative; } #dropdiv{ width:100px; height:150px; position:absolute; top:20px; left:-1px; }--></style> <script type="text/javascript"><!-- var okdisplay = false; window.onload=function(){ var sobj=document.getElementById("newselect"); var dobj=document.getElementById("dropdiv"); sobj.onclick=function(){ if (okdisplay == false){ okdisplay = true; dobj.style.display="block"; } else if (okdisplay == true){ okdisplay = false; dobj.style.display="none"; } } sobj.onblur=function(){ if (okdisplay == true){ okdisplay = false; dobj.style.display="none"; } } }//--></script></head><body> <div id="newselect">test <div id="dropdiv" style="display:none;">something</div> </div></body></html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><style type="text/css"><!-- div{ border:1px solid #BCCBFE; } #newselect{ margin:10px auto; width:100px; height:20px; font:14px/20px "宋体"; text-align:center; cursor:pointer; position:relative; } #dropdiv{ width:100px; height:150px; position:absolute; top:20px; left:-1px; }--></style> <script type="text/javascript"><!--document.onclick =function(){if(okdisplay==false) return;document.getElementById("dropdiv").style.display="none"okdisplay = false} var okdisplay = false; window.onload=function(){ var sobj=document.getElementById("newselect"); var dobj=document.getElementById("dropdiv"); sobj.onclick=function(e){ e =e || event e.cancelBubble=true if (okdisplay == false){ okdisplay = true; dobj.style.display="block"; } else if (okdisplay == true){ okdisplay = false; dobj.style.display="none"; } } }//--></script></head><body> <div id="newselect">test <div id="dropdiv" style="display:none;">something</div> </div></body></html>要加一个阻止事件冒泡的事件才行e =e || evente.cancelBubble=true RSA在js中公钥解密C#中私钥加密 关闭模态窗弹出新的模态窗口 1.html 如何把 2.html全包进来 在页面中如何画出一个层,左上解绝对在鼠标坐标点上 菜鸟求助 onmouseover与onmouseout没反应 如何在两个HTM页面之间传递动态数组,最后10了,穷光蛋 ! 可以用js写一个得到本机ip地址的函数吗? 小问题:alert中的内容要引用变量! 如何使文本框输入的文字向右对齐?100分,在线等。 弹出窗口问题?? 请教一个正则表达式的问题啊,谢谢各位 棘手的问题(请高手帮忙)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
<!--
div{
border:1px solid #BCCBFE;
}
#newselect{
margin:10px auto;
width:100px;
height:20px;
font:14px/20px "宋体";
text-align:center;
cursor:pointer;
position:relative;
}
#dropdiv{
width:100px;
height:150px;
position:absolute;
top:20px;
left:-1px;
}
-->
</style>
<script type="text/javascript">
<!--
var okdisplay = false;
window.onload=function(){
var sobj=document.getElementById("newselect");
var dobj=document.getElementById("dropdiv");
sobj.onclick=function(){
if (okdisplay == false){
okdisplay = true;
dobj.style.display="block";
}
else if (okdisplay == true){
okdisplay = false;
dobj.style.display="none";
}
}
sobj.onblur=function(){
if (okdisplay == true){
okdisplay = false;
dobj.style.display="none";
}
}
}
//-->
</script>
</head>
<body>
<div id="newselect">test
<div id="dropdiv" style="display:none;">something</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
<!--
div{
border:1px solid #BCCBFE;
}
#newselect{
margin:10px auto;
width:100px;
height:20px;
font:14px/20px "宋体";
text-align:center;
cursor:pointer;
position:relative;
}
#dropdiv{
width:100px;
height:150px;
position:absolute;
top:20px;
left:-1px;
}
-->
</style>
<script type="text/javascript">
<!--
document.onclick =function(){
if(okdisplay==false) return;
document.getElementById("dropdiv").style.display="none"
okdisplay = false
}
var okdisplay = false;
window.onload=function(){
var sobj=document.getElementById("newselect");
var dobj=document.getElementById("dropdiv");
sobj.onclick=function(e){
e =e || event
e.cancelBubble=true
if (okdisplay == false){
okdisplay = true;
dobj.style.display="block";
}
else if (okdisplay == true){
okdisplay = false;
dobj.style.display="none";
}
}
}
//-->
</script>
</head>
<body>
<div id="newselect">test
<div id="dropdiv" style="display:none;">something</div>
</div>
</body>
</html>
要加一个阻止事件冒泡的事件才行
e =e || event
e.cancelBubble=true