我有两个关于 onclick 事件的问题,它们有点相似,所以我会在这里问他们。
第一的:
我在 div 中有一个复选框。输入有一个 onchange 函数,而 div 有一个 onclick 函数。
<div onclick="doSomething()">
<input type="checkbox" onchange="doSomethingElse()" />
</div>
问题是当我选中/取消选中复选框时 doSomething() 和 doSomethingElse() 都会触发。关于如何阻止这种情况发生的任何想法?我试过做 onchange="doSomethingElse(event)" 和 doSomethingElse(e) 函数我有 e.stopPropagation(); 这没有用。
第二:
我在 div 中有一个图像。div 具有 onclick 功能,但图像没有。图像故意大于 div 并溢出到 div 之外。
-----------------------
| image |
| --------------- |
| | div | |
| | | |
| --------------- |
| |
-----------------------
如果用户在 div 框的范围内单击,我只希望 onclick 触发。但是,如果您单击溢出到 div 外部的图像的一部分,也会触发 onclick 事件......有什么想法吗?
第一个问题对我来说比第二个问题更重要。但如果有人能同时回答这两个问题,那就太棒了!
提前感谢您的帮助,
马特