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中使用开发人员工具或类似的任何东西。

带有onclick功能的DIV和里面的图像有一个死角

2 个答案: