javascript - クリック時に子オブジェクトをスパン

Question

このコードでボタンのみを実行するにはどうすればよいですか？

​<span id="spanClicker">

<span id="subClicker">
            [Click Me]        
</span>
​&lt;/span>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

このフィドルのように：http：//jsfiddle.net/rpCVy/

Answer 1

http://jsfiddle.net/malet/rpCVy/3/

e.stopPropagation()両方の要素でクリックイベントが発生しないようにするために使用できます。

また、この.live関数は廃止されたため、代わりにjQuery1.7.onを使用する必要があります。

Answer 2

これがあなたが探しているものです：

$( '#subClicker' ).on( 'click', function (e) {
    alert( 'subClicker' )

    // Now here is the magic you want:
    e.stopPropagation( )
} )

ご想像のとおりe.stopPropagation()、イベントがその親要素に伝播するのを防ぐことができます。

Answer 3

これはそれをするべきです。

http://jsfiddle.net/rpCVy/2/

新しいJavaScript

$(function()
{
   $("#spanClicker").live("click",function()
   {
        alert('Span Clicked');                               
   });                           

    $("#subClicker").live("click",function(e)
      {
            alert('Button Clicked');
            e.stopPropagation();          
      });
});​

に関連付けられた無名関数.clickは、最初の引数のイベントを受け取ることができます。イベントオブジェクトのメソッドを呼び出してstopPropagation()、クリックイベントがイベントのターゲット要素のコンテナにバブリングするのを防ぎます。