如何确定孩子是否在Jquery中被点击

前端之家收集整理的这篇文章主要介绍了如何确定孩子是否在Jquery中被点击前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果onclick事件绑定到父项,jQuery是否有方法告诉哪个小孩被点击?

例如:

$('#daddy').click(function () {
    // if($("#son").isClicked()){return true;}
    //return false;
  });

标记看起来像:

<div id="daddy">
  <span id="son"></span>
  <span id="daughter"></span>
</div>

解决方法

传递给点击的事件处理程序将接收一个事件对象作为其第一个参数.将在那里指定事件的目标(即启动事件的元素).

以下是jQuery documentation的一个例子:

<!DOCTYPE html>
<html>
<head>
  <style>
span,strong,p { 
  padding: 8px; display: block; border: 1px solid #999;  }
    </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<div id="log"></div>
<div>
  <p>
    <strong><span>click</span></strong>
  </p>
</div>
<script>

$("body").click(function(event) {
  $("#log").html("clicked: " + event.target.nodeName);
});

</script>  
</body>
</html>

猜你在找的jQuery相关文章