0 
I have the following html:

<div class="title-block">
    <span class="date">Apr 09, 2013</span>
    <span class="invoice">Invoice #1365512756</span>
    <span class="retail-price">Rp 270000</span>
    <span class="arvo-regular button green confirm-payment" data-id="2">Confirm Payment</span>
    <img src="/bundles/shopiousmain/img/dashboard-li-down-arrow.png">
</div>

クラスのタイトル ブロックには JavaScript のクリック アクションが関連付けられており、クラスのボタンにもクリック アクションが関連付けられています。問題は、ボタンをクリックすると、タイトルブロックのクリックアクションもトリガーされることです。クリックが伝播しないようにするにはどうすればよいですか?

4

1 に答える 1

1

jqueryを使っている場合はこんな感じ

$("#buttonClass").click(function(e) {
   // mouse click on button
   e.stopPropagation();
});

JS

function doSomething (e) {
  var event = e || window.event;
  if (event.stopPropagation) {
    event.stopPropagation();
  } else {
    event.cancelBubble = true;
  } 
}
于 2013-04-15T11:27:01.500 に答える