事件委托 · JavaScript

ThinkChat2.0新版上線，更智能更精彩，支持會話、畫圖、視頻、閱讀、搜索等，送10W Token，即刻開啟你的AI之旅 廣告

## 事件委托 ``` <body> <ul id="ul"> <li>西施</li> <li>貂蟬</li> <li>昭君</li> <li>鳳姐</li> </ul> <script> //事件委托:原理事件冒泡 var ul = document.getElementById('ul'); ul.onclick = function () { console.log(this); } </script> ``` 顯示的結果,獲取到了整個ul ![](https://box.kancloud.cn/00a8745ad5b0777607f17e18e75e9d6b_462x266.png) ## 使用 ``` <ul id="ul"> <li>西施</li> <li>貂蟬</li> <li>昭君</li> <li>鳳姐</li> </ul> <script> //事件委托:原理事件冒泡 var ul = document.getElementById('ul'); ul.onclick = function (e) { //e事件參數(事件對象) //獲取到當前點擊的li //e.target是真正觸發事件的對象 //讓當前點擊的li高亮顯示 e.target.style.backgroundColor = 'pink'; } </script> ```

哎呀哎呀视频在线观看