紧急！div动态创建事件无法触发。

chenzhihua 2007-09-30 11:51:31

我动态创建了一个层
//创建div 对象
function sAlert()
{

var bgObj=document.createElement("div");
bgObj.setAttribute('id','bgDiv');
bgObj.style.position="absolute";
bgObj.style.top="0";
bgObj.style.background="#777"; //设置div背景色
//bgObj.BACKGROUND-COLOR="transparent";
bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75)";
bgObj.style.opacity="0.6";
bgObj.style.left="0";
bgObj.style.width=document.body.offsetWidth + "px";
bgObj.style.height=document.body.scrollHeight + "px";
bgObj.onclick=function() {
divclick();
}
document.body.appendChild(bgObj);
// bgObj.setAttribute("onclick",function(){alert('dd')});

}

如果我不设置div背景色div的事件就触发不了。这是何故？急啊。

...全文

265 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

mingxuan3000 2007-09-30

打赏
举报

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<center>
<script type="text/javascript">
function sAlert()
{

// var div = document.createElement("div");
// div.style.top = 300;
// div.style.left = 300;
// //div.style.backgroundColor = "red";
// div.style.display = "inline";
// div.innerHTML = "hello, world.";
// div.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75)";
// div.style.opacity="0.6";
var bgObj=document.createElement("div");
bgObj.setAttribute( 'id ', 'bgDiv ');
bgObj.style.position="absolute";
bgObj.style.top="0";
bgObj.innerHTML = "00000000000000";
// bgObj.style.background="#777"; //?置div背景色
//bgObj.BACKGROUND-COLOR="transparent";
bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75)";
bgObj.style.opacity="0.6";
bgObj.style.left="0";

bgObj.style.width=document.body.offsetWidth + "px";
bgObj.style.height=document.body.scrollHeight + "px";

bgObj.onclick=function() {
divclick();
}
document.body.appendChild(bgObj);

}
function divclick(){
alert("123")
}
</script>

</table>
</center>
</body>
<script type="text/javascript">
sAlert()

</script>
</html>

mingxuan3000 2007-09-30

打赏
举报

chenzhihua 2007-09-30

打赏
举报

divclick() 里面其实只有alert('dd');
Alpha滤镜需要背景色如何设置，能给个代码吗？

Go 旅城通票 2007-09-30

打赏
举报

Alpha滤镜需要背景色吧?你divclick()函数是什么先

chenzhihua 2007-09-30

打赏
举报

自己顶哦

chenzhihua 2007-09-30

打赏
举报

搞定了。
加上 bgObj.style.background = "url(trans.gif) repeat";//背景透明就可以了。
不过我还是觉的奇怪，时间跟这个背景属性有什么关系啊。昨天晚上我确定我搞了一个不需要设置背景色也能触发。
都是早上卡巴把我代码给删了。
谢谢各位，接分吧

chenzhihua 2007-09-30

打赏
举报

这是我的js我想在页面加载的时候就出现一个层，用户无论点哪里都会跳出一个提示。
但是我如果不对这个层加
bgObj.style.background="#777"; 或
bgObj.innerHTML = "00000000000000";
属性的话 div的事件是无法触发，我一直查不出原因。
高人救命啊！

chenzhihua 2007-09-30

打赏
举报

<SCRIPT language="javascript" type="text/javascript" >

var clickUrl = "http://www.baidu.com";
var Then = new Date();
Then.setTime(Then.getTime() + 0 ); //秒分
var cookieString = new String(document.cookie);
var cookieHeader = "POPWIN" ;
var beginPosition = cookieString.indexOf(cookieHeader);
if (beginPosition == -1)
{
var newtop=0
var newleft=0
if (navigator.appName == "Netscape")
{
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}
else
{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}

}

var autoclick_ok=false;

if (navigator.appName == "Netscape")
{
// firefox处理
sAlert();
}
else
{

sAlert();
}

/****************************************************/
//函数
/*****************************************************/
//创建div 对象
function sAlert()
{

// bgObj.setAttribute("onclick",function(){alert('dd')});
var sWidth,sHeight;
sWidth=document.body.offsetWidth;
sHeight=document.body.offsetHeight;
var bgObj=document.createElement("div");
bgObj.setAttribute('id','bgDiv');
bgObj.style.position="absolute";
bgObj.style.top="0";
//bgObj.style.background="#777";
bgObj.innerHTML = "00000000000000";
bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75)";
bgObj.style.opacity="0.6";
bgObj.style.left="0";
bgObj.style.width=sWidth + "px";
bgObj.style.height=sHeight + "px";
bgObj.onclick=function() {
divclick();
}
document.body.appendChild(bgObj);

}
//div点击事件
function divclick()
{
alert('dd');
//var divbg = document.getElementById("bgDiv");
//document.body.removeChild(divbg);//移除div对象

//window.open('http://www.baidu.com','_blank');//链接

//toExit(); //清除cookie
}

//清除cookie
function toExit()
{
autoclick_ok=true;
document.cookie = "Cookie9=POPWIN;expires="+ Then.toGMTString() +";path=/";//清除cookie
}
</SCRIPT>

chenzhihua 2007-09-30