如何使用jQuery区分嵌套元素标记的click函数？

虽然它可能确定在点击的元素body单击处理程序,它会只是调用容易得多stopPropagation()的内button单击处理程序停止事件冒泡都:

$(document).ready(function() {
  $("button").click(function(e) {
    e.stopPropagation();
    console.log("only button is clicked");
    $("input:text").val("Test");
  });

  $("body").click(function() {
    console.log("body clicked");
    $("input:text").val(''); // add this line to remove the text
  });
})

Set the value of the input field