主页 / 问题 / 1441503
Accepted
Салават
Asked:2022-08-22 15:24:15 +0000 UTC2022-08-22 15:24:15 +0000 UTC

如何在JS中点击一个块以外的元素？

  • 772

有html代码：

<div id="touchSideSwipe" class="touch-side-swipe d-lg-none">
...
<button class="user_region1">Не выбрано <span class="arrow1">&#8595;</span></button>
</div>

如何向touchSideSwipe添加事件，但使其在按钮user_region1上不起作用？我试过了，我没有成功：

const box = $(".touch-side-swipe");
box.on("click", function (e){
    if (!$('.user_region1'))
    {
        console.log('hi');
    }
    console.log('123');
})
javascript jquery

2 个回答

  1. 最简单的方法是检查某个类是否存在，如果它不存在，那么我们将不做任何事情。

    // Кроме класса .user_region1
if(!$(this).hasClass('user_region1')) {
  // ...
}

    演示：

    $('#touchSideSwipe').on('click', 'button', function() {
  if(!$(this).hasClass('user_region1')) {
    console.log('click');
  }
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="touchSideSwipe" class="touch-side-swipe d-lg-none">
  <button>A</button>
  <button>B</button>
  <button>C</button>
  <button class="user_region1">Не выбрано <span class="arrow1">&#8595;</span></button>
</div>

    • 1
  2. Best Answer

    作为备选 ）

    如果需要在元素的 onClick 上使用 event 参数，可以使用它来检查元素本身是否具有所需的类，并为其附加条件：

    const box = $(".touch-side-swipe");
box.on("click", function (e){
    if (e.target.classList.contains('user_region1'))
    {
        console.log('hi');
        return false;
    }
    console.log('123');
})
    • 1

相关问题