Javascript 使div在嵌套div中可单击

我有一个ID为按钮2div的

。它是在另一个

之上，它使用JS更改了背景

<div id="button2div" onclick="location.href='#';" style="cursor:pointer;"></div>

这是行不通的

注意：addEventHandler来自

JQuery

我该怎么做？谢谢。

我想你少了一个a，试试这个：

$("#button1div").click(function(){
window.location = 'http://google.com';
});

#是一个选择器，表示您对具有选择器中给定id的元素的搜索。
I.a.#mydiv搜索id为“mydiv”的元素

缺失#但不应在另一个类似事件中绑定事件

addEventHandler(divarea1, 'mouseover', function () {     
  divbanner.style.backgroundImage ='url(URL To banner)';
  buttondiv.style.backgroundImage ='url(URL To Button Background)';
}); 

$("#button1div").click(function(){
   window.location = 'http://google.com';
});

---

使用嵌套跨距尝试此示例

$（'span'）。单击（函数（）{
警报（$（this.attr（'data-content'））；
返回false；
});
热的
狗
跨度{
填充：10px；
保证金：5px；
背景色：#c67605；
显示：内联块；
}
跨距{
背景色：#3a87ad；
}

button1div将在每次鼠标移动时重新绑定事件：（$（“#button1div”）如果“button1div”是一个id

addEventHandler(divarea1, 'mouseover', function () {     
  divbanner.style.backgroundImage ='url(URL To banner)';
  buttondiv.style.backgroundImage ='url(URL To Button Background)';
}); 

$("#button1div").click(function(){
   window.location = 'http://google.com';
});

$('span').click(function(){
   alert($(this).attr('data-content')); 
    return false;
});

<span data-content="Hot Dog">
    Hot
    <span data-content="Dog">Dog</span>
</span>

span{
    padding: 10px;
    margin:5px;
    background-color:#c67605;
    display:inline-block;
}
span span{
    background-color:#3a87ad;
}