空的div没有得到认可的javascript

问题描述:

我正在javascript DOM中创建一个空div。但是当我打电话给它的某些功能时,例如,空的div没有得到认可的javascript

var hover = document.createElement("div"); 
    hover.className = "hover"; 
    overlay.appendChild(hover); 
    hover.onClick = alert("hi"); 

onClick函数不起作用。相反,只要它到达脚本的div创建部分,就会显示警报。我究竟做错了什么?

尝试addEventHandler & attachEvent到事件附加到一个元素:

if (hover.addEventListener) 
{ 
    // addEventHandler Sample : 
    hover.addEventListener('click',function() { 
     alert("hi"); 
    },false); 
} 
else if (hover.attachEvent) 
{ 
    // attachEvent sample : 
    hover.attachEvent('onclick',function() { 
     alert("hi"); 
    }); 
} 
else 
{ 
    hover.onclick = function() { alert("hi"); }; 
} 
+0

真棒。这工作。 – amit 2009-06-13 12:12:49

你需要把的onclick的功能,这样的事情:

hover.onclick = function() { 
    alert('hi!'); 
} 
+0

这有点解决了这个问题。但现在即使点击悬停区域,警报也不会显示。 为了提供更多信息,悬停是一个空格。和css类定义: .hover { \t width:320px; \t height:75px; \t position:absolute; \t剩余:28%; \t top:32%; \t z-index:9999; \t background-color:#000; \t溢出:隐藏; } – amit 2009-06-13 12:10:11

属性名称是 “点击” 不“的onClick”。 JavaScript区分大小写。

它也需要一个功能。 alert(someString)的返回值不是函数。