我想检查点击的元素是使用 jQuery 的这个元素

Question

$(document).on('click', function() {
  if ($(this).is('#clickedElement')) {
    console.log('this is clicked');
  } else {
    console.log('somewhere else clicked');
  }
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="menu-options-icon"><i class="far fa-trash" id="clickedElement"></i></div>

想检查div是否被点击，其他地方用这种方式点击。非常感谢您的帮助，请解释 if possible.Thanks <3

Answer 1

在 jQuery function 事件处理程序中，this 将引用您附加侦听器的元素。在这里，它是 document，所以这就是 this。

$(document).on('click', function() {
  console.log(this === document);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="menu-options-icon"><i class="far fa-trash" id="clickedElement">click</i></div>

检查 event.target（它将指向事件被分派到的元素 - 最里面的元素）是否是被点击的元素。

$(document).on('click', function(e) {
  if ($(e.target).is('#clickedElement')) {
    console.log('this is clicked');
  } else {
    console.log('somewhere else clicked');
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="menu-options-icon"><i class="far fa-trash" id="clickedElement">click</i></div>

我想检查点击的元素是使用 jQuery 的这个元素

I want to check the clicked element is this element using jQuery

javascript

jquery