javascript - 仅在 mouseup 事件 Jquery 中启用 Click 事件

Question

我有ul标签内 div标签。我申请了mouseup事件 div标记和 click事件 ul标签。

问题
每当我点击 ul标签，然后都是 mouseup和 click事件被触发。

我想要的是当我点击 ul 时标记，然后只有 click事件应该触发，如果我这样做了 mouseup事件 div标记，然后只有 mouseup事件应该触发。

我的代码:
HTML:

<div class="m1">
    Nitin Solanki
    <ul>
        <li>one</li>
        <li>two</li>
    </ul>
</div>

JS:

$(document).on('mouseup', '.m1', function(){
    alert('div mouseup ');
});

$(document).on('click', 'ul li', function(){
    alert("ul li- clicked");
});

JSFIDDLE

Answer 1

你可以停止事件的传播

$(document).on('mouseup', '.m1', function() {
  alert('div mouseup ');
});
$(document).on('mouseup', '.m1 ul', function(e) {
  e.stopPropagation()
});


$(document).on('click', 'ul li', function() {
  alert("ul li- clicked");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="m1">
  Nitin Solanki
  <ul>
    <li>one</li>
    <li>two</li>
  </ul>
</div>