编辑
核心代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>阻止冒泡事件</title> </head> <body> <ul> <li>nowcoder</li> </ul> <!-- 请补全JavaScript函数,要求在点击li元素的时候不触发ul的事件。 注意:需要自行获取li元素。 --> <script>var li = document.querySelector("li"); li.addEventListener('click', function(e){ e.stopPropagation(); }) </script> </body> </html>
总结
利用绑定点击事件阻止冒泡的一个执行