javascript - 单击指定类以外的任意位置

Question

如果在除 .m1wrap div 之外的任何地方单击，我需要显示警报。

为什么这不起作用？即使我点击 .m1wrap

也会出现警报

$(document).on("click", function(e) {
    if (e.target.class !== "m1wrap") {
        alert ("323");
    };
})

Answer 1

在e.target中没有属性class(它返回undefined)，你可以使用属性e.target。 className(注意它从 class 属性返回所有类)，但是在 jQuery 中有方法 .hasClass .

您也可以使用 classList使用 .contains 方法 e.target.classList.contains('m1wrap')

$(document).on('click', function (e) {
  if (!$(e.target).hasClass('m1wrap')) {
    console.log('not m1wrap');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="m1wrap">m1wrap</div>
<p>test</p>