Javascript 在单击子对象时防止父对象单击

我想在单击子跨度时阻止父跨度。 我试过了

我的html格式如下：

 <label for="parent_id"> Some text
   <span id="child_id">Click child</span>
 </label>
 <input id="parent_id" />

---

您需要通过调用

ev.preventDefault

$（函数（）{
$（“#子项”）。单击（e=>{
e、 预防默认值（）
console.log（'单击子项'）
})
$（“#父项”）。单击（（）=>{
console.log（'单击父项'）
})
})

点击我

您需要通过调用ev.preventDefault来防止默认操作（重点是输入）

$（函数（）{
$（“#子项”）。单击（e=>{
e、 预防默认值（）
console.log（'单击子项'）
})
$（“#父项”）。单击（（）=>{
console.log（'单击父项'）
})
})

点击我

使用preventDefault和stopPropagation

$('#child_id').on('click', function (e) {
            e.preventDefault();
            e.stopPropagation();
});

---

使用preventDefault和StopperPropagation

$('#child_id').on('click', function (e) {
            e.preventDefault();
            e.stopPropagation();
});

---

请把你的问题编排得更好。如果您想在代码中添加注释，请使用注释标记，即

/***/

或

/

，以便语法突出显示正常工作。我们还希望在您的问题中添加一个可能的副本，请更好地格式化您的问题。如果您想在代码中添加注释，请使用注释标记，即

/***/

或

/

，以便语法突出显示正常工作。我们还希望在您的问题中添加一个可能重复的谢谢。还有一个问题。在同一示例中，如何处理移动设备上的css悬停。单击“我”将显示在父级悬停状态。@Mag没问题。关于你的第二个问题。当涉及到移动浏览器时，我不擅长css esp。我想你最好问另一个有相应标签的问题。谢谢。还有一个问题。在同一示例中，如何处理移动设备上的css悬停。单击“我”将显示在父级悬停状态。@Mag没问题。关于你的第二个问题。当涉及到移动浏览器时，我不擅长css esp。我想你最好用相应的标签问另一个问题。

$('#child_id').on('click', function (e) {
            e.preventDefault();
            e.stopPropagation();
});