事件冒泡:事件发生时,事件发生的元素的祖先元素也可以被触发该事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul> <li>li的内容 <span>span内容</span></li> </ul> <script> var ul = document.getElementsByTagName('ul')[0]; var li = document.getElementsByTagName('li')[0]; var span = document.getElementsByTagName('span')[0]; span.onclick = function () { console.log('触发span的点击事件!'); /*触发span的点击事件! 触发li的点击事件! 触发ul的点击事件!*/ }; li.onclick = function () { console.log('触发li的点击事件!'); /*触发li的点击事件! 触发ul的点击事件!*/ }; ul.onclick = function () { console.log('触发ul的点击事件!'); // 触发ul的点击事件! } </script> </body> </html>
js事件冒泡
最新推荐文章于 2024-08-11 13:55:18 发布