Jquery UI 点击 link

Question

我在 div 中有一些 link。如果用户单击 div 中的任何区域，它应该执行某些操作。但是如果用户点击 link.

它应该做其他事情

我如何才能知道点击是否在 link 上？顺便说一句，我不能在 link.

上使用 onclick() 函数

<html>
  <head>
    <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
  </head>
  <body>
    <div class="mydiv">
      do something<br />
      <a href="#"> do other</a><br />
      do something<br />
    </div>

    <script>
      $(document).ready(function () {
        $('.mydiv').click(function () {
          var ahref = $(this).attr('href');
          if (ahref == null) {
            alert('do something');
          } else {
            alert('do other');
          }
        });
      });
    </script>
  </body>
</html>

Answer 1

您可以使用 nodeName 属性检查点击的元素是否有 a 标签。

<html>
  <head>
    <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
  </head>
  <body>
    <div class="mydiv">
      do something<br />
      <a href="#"> do other</a><br />
      do something<br />
    </div>

    <script>
      $(document).ready(function () {
        $('.mydiv').click(function (e) {
          if (e.target.nodeName == 'A') {
            alert('do other');
          } else {
            alert('do something');
          }
        });
      });
    </script>
  </body>
</html>

https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeName

Jquery UI 点击 link

Jquery UI click on link

javascript

jquery

click

onclick