相关疑难解决方法(0)

如何在单击子项时停止为父元素触发onclick事件?

我在onclick事件中有两个问题,它们有点类似,所以我会在这里问他们.

第一:

我在div中有一个复选框.输入具有onchange功能,div具有onclick功能.

<div onclick="doSomething()">
     <input type="checkbox" onchange="doSomethingElse()" />
</div>
Run Code Online (Sandbox Code Playgroud)

问题是当我选中/取消选中doSomething()和doSomethingElse()时复选框.有关如何阻止这种情况发生的任何想法?我尝试过onchange ="doSomethingElse(event)"和doSomethingElse(e)函数我有e.stopPropagation(); 这没用.

第二:

我在div中有一个图像.div具有onclick功能,但图像没有.故意,图像比div大,并溢出div.

-----------------------
|        image        |
|   ---------------   |
|   |     div     |   |
|   |             |   |
|   ---------------   |
|                     |
-----------------------
Run Code Online (Sandbox Code Playgroud)

如果用户在div框的边界内单击,我只希望触发onclick.但是,如果你点击溢出到div外部的图像的一部分,onclick事件也会触发...任何想法?

第一个问题对我来说比第二个问题更重要.但如果有人能够回答这两个问题那就太棒了!

先谢谢你的帮助,
马特

html javascript events onclick

12
推荐指数
3
解决办法
2万
查看次数

标签 统计

events ×1

html ×1

javascript ×1

onclick ×1