為什么body的點(diǎn)擊事件只有id=msg的那個(gè)div里面能觸發(fā)，body不是包含住整個(gè)頁面嗎
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <style>
? ? body{
? ? ? ? background:green;
? ? ? ? }
? ? .left div,
? ? .right div {
? ? ? ? width: 500px;
? ? ? ? height: 100px;
? ? ? ? padding: 5px;
? ? ? ? margin: 5px;
? ? ? ? float: left;
? ? ? ? border: 1px solid #ccc;
? ? }
? ??
? ? .left div {
? ? ? ? background: #bbffaa;
? ? }
? ??
? ? .right div {
? ? ? ? background: yellow;
? ? }
? ? </style>
? ? <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
? ? <h3>事件對(duì)象的屬性與方法</h3>
? ? <div class="left">
? ? ? ? <div id="content">
? ? ? ? ? ? 外層div元素
? ? ? ? ? ? <br />
? ? ? ? ? ? <span style="background: green;">內(nèi)層span元素</span>
? ? ? ? ? ? <br /> 外層div元素
? ? ? ? </div>
? ? ? ? <br />
? ? ? ? <div id="msg"></div>
? ? </div>
? ? <script type="text/javascript">
? ? //為 <span> 元素綁定 click 事件 ?
? ? $("span").click(function() {
? ? ? ? $("#msg").html($("#msg").html() + "<p>內(nèi)層span元素被單擊</p>");
? ? });
? ? //為 Id 為 content 的 <div> 元素綁定 click 事件 ?
? ? $("#content").click(function(event) {
? ? ? ? $("#msg").html($("#msg").html() + "<p>外層div元素被單擊</p>");
? ? ? ? event.stopPropagation(); //阻止事件冒泡 ?
? ? });
? ? //為 <body> 元素綁定 click 事件 ?
? ? $("body").click(function() {
? ? ? ? $("#msg").html($("#msg").html() + "<p>body元素被單擊</p>");
? ? });
? ? </script>
</body>
</html>
2016-11-03
因?yàn)??第49行代碼?event.stopPropagation(); //阻止事件冒泡 ?
Id 為 content 的<div>在觸發(fā) click 事件后是不會(huì)冒泡的，因此傳播到?<body> 節(jié)點(diǎn),所以運(yùn)行結(jié)果為“外層div元素被單擊”，同理，如果內(nèi)層span元素被單擊，結(jié)果顯示為(1)“內(nèi)層span元素被單擊”(2)“外層div元素被單擊”，第二個(gè)結(jié)果是由于span冒泡產(chǎn)生的，但由于?<div id="content">阻止了事件冒泡，所以冒泡就停留在了這層，不會(huì)繼續(xù)下去到body了。
2016-12-31
最佳答案和提問者是刷積分的嗎？
提問問的body點(diǎn)擊事件為什么點(diǎn)擊頁面沒有觸發(fā)，
最佳答案回答的Id 為 content 的 <div>的點(diǎn)擊事件的阻止冒泡事件。
最佳答案的這個(gè)阻止冒泡事件是全場(chǎng)通用的超級(jí)阻止冒泡事件嗎？函數(shù)體內(nèi)一次聲明，全場(chǎng)全時(shí)段有效？！
2016-12-20
css設(shè)置中div浮動(dòng)了，你給body加一個(gè)boder邊框，就知道body的范圍了，其實(shí)是比div小，點(diǎn)擊body是有觸發(fā)函數(shù)的
2016-11-13
大神，能解答一下：瀏覽器的默認(rèn)行為有哪些？有哪些事件可以觸發(fā)瀏覽器的默認(rèn)行為？