具有点击功能的DIV及其内部的图像有一个死角

Question

我里面有一个带有图像的DIV。图像前面有一个点，单击时不会触发onclick功能。其余的，包括图像和 DIV 在单击时触发函数。除了 DIV 之外，我尝试将该功能附加到图像本身，但这并不能解决问题。有人知道该怎么做吗？

//this give all the divs the function
var ButtonNumber = document.querySelectorAll(".ButtonStyle");
for (var i = 0; i < ButtonNumber.length; i++) {
    ButtonNumber[i].onmouseover = ChangeCursor;
    ButtonNumber[i].onclick = ButtonsAddTogether;
    ButtonNumber[i].onselectstart = function() {return false;}
    }

这是 HTML

 <div id="55" class="ButtonStyle"><img alt="1" class="Center" src="Buttons/7.png"></div>

Answer 1

尝试将图像和div 设置为具有相同的高度。或使用内联元素而不是块元素，例如锚标记

Answer 2

我把你的代码放在jsfiddle中：http://jsfiddle.net/BUwFP/1/

请看看它，告诉我它是否适合你。我刚刚：

• 未定义的已定义函数（可能您只是跳过了显示代码的函数），
• 为图像和包含它的div 添加了边框，

一切看起来都很好 - 单击框等触发事件。做类似的事情，检查你的框是否真的放在你点击的地方，或者它是否以某种方式被移动了（可能是通过CSS样式或JS代码）。您可能已经知道，您可以在Firefox中使用Firebug，在Chrome中使用Developer Tools或类似的东西。