子をクリックしたときに親クリックを防止する

Question

子SPANをクリックしたときに親クリックを防止したい。 は、私は私のようなHTMLを持って

e.stopPropagation 

    and thi way 

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

を試してみました：親要素のための

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

機能

$（ '＃のPARENT_ID'）機能（E（クリック）{ SomeParentCode }

。

子要素の機能

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

Answer 1

あなたがev.preventDefault

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

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label for="parent"> 
 
    <span id="child">Click Me</span> 
 
</label> 
 
<input type="text" id="parent">

Answer 2

利用のpreventDefaultとのstopPropagationを呼び出すことによって、（入力に注力して）デフォルトのアクションを阻止する必要があります。

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