如下圖所示，感覺這兩句紅框標注的陳述句沒有什么太大的差異（都是li元素，且里面有span元素），可點擊上面這個陳述句始終背景色不會變化，想向大家咨詢一下這是什么原因，謝謝
<body>
<ul>
<li>list f <span>item 1</span></li>
<li><span>list item 2</span></li>
<li>list it em <span>find a</span></li>
<li>list item 3</li>
</ul>
<script>
$("ul").click(function(event) {
var $target = $(event.target);
if ( $target.is("li") ) {
$target.css("background-color", "red");
}
});
</script>
uj5u.com熱心網友回復：
區別在哪里你紅框已經框得很清楚了。前2個不是點的沒反應，是你click的時候，目標并不是直接在li上，是在span上
你試下第一個往文字list上面點，第二個，你得往最右邊的邊緣去點（就這還不一定點得到，有時候可能會受樣式影響，這個你永遠點不到。比如span的寬大于等于li的寬時）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/275629.html
標籤：JavaScript
上一篇：求助
下一篇：通過JS獲取HTML資料