Question

我想在点击子SPAN时阻止父母点击。我试过了

    e.stopPropagation

    and thi way

    if (!e) e = window.event;
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();

我有html喜欢：

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

父元素的功能

$（'＃parent_id'）。click（function（e）{ SomeParentCode }

子元素的功能。

$('#child_id').click(function (e) {
      e.stopPropagation();
       But I what to prevent parent click
       SomeChildCode
}

Answer 1

您需要通过调用<input type="file" multiple>

来阻止默认操作（专注于输入）

＆＃13;

ev.preventDefault

＆＃13;

$(function() {
  $('#child').click(e => {
    e.preventDefault()
    
    console.log('click on child')
  })
  
  $('#parent').click(() => {
    console.log('click on parent')
  })

})

＆＃13;

Answer 2

使用preventDefault和stopPropagation。

Vendor

单击子项时阻止父单击

2 个答案: