ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
~~~ <!-- 事件委托(事件代理) 一个容器中,很多后代元素的点击行为都要处理一些事情,之前的思路是把需要操作的元素一一获取, 然后再一一做事件绑定,在不同的方法中完成不同的需求;现在不用了,基于事件的冒泡传播, 我们可以只给容器的CLICK绑定一个方法,这样不管以后点击的是容器中的哪一个后代元素, 都会通过事件的冒泡传播机制,把容器的CLICK行为触发,把绑定的方法执行,我们在方法执行的时候, 根据事件对象中的事件源(EV.TARGET)来做不同的业务处理即可,这种机制就是事件委托机制 1.容器中很多后代元素的某个行为要进行操作,委托给容器处理是不错的选择 2.元素是动态绑定的 3.需求是除了某某某,剩下的操作都是干同样的事情(此时把点击行为的操作委托给BODY,事件源是某某做什么,不是统一做什么) ... --> ~~~ ![](https://img.kancloud.cn/3a/b5/3ab5fbf46ceda6bd5ab6f95ef4b8140c_955x488.png) ![](https://img.kancloud.cn/6a/bf/6abf618d8dd7d0fe54e03684d9b5ec6d_705x466.png) ![](https://img.kancloud.cn/b4/f1/b4f102b30a0f76d1e49cca1af9e91bf7_583x108.png) ![](https://img.kancloud.cn/c0/97/c097efd41031aeb47f45d6dd9a16b343_712x505.png) ![](https://img.kancloud.cn/8f/6d/8f6d56487185336891c98b00d33c0230_738x322.png) ![](https://img.kancloud.cn/a5/9b/a59be5f252c61d7947bbbd54b6d7c952_735x447.png) ![](https://img.kancloud.cn/28/7c/287c1d805330474c8da7844697d30e3e_774x502.png) ![](https://img.kancloud.cn/5f/d8/5fd8e03205089362138c5cd670be94ff_769x428.png) ![](https://img.kancloud.cn/a0/3b/a03ba07c012842ebe5444e6c1ac3ef6b_758x451.png) // 先弹出father,再弹出son ![](https://img.kancloud.cn/83/a9/83a9b25e40bef8e50ae0ab65244f30c8_958x370.png) // 先弹出son,再弹出father ![](https://img.kancloud.cn/e8/4a/e84a3a55276b28a607363e5776899422_912x250.png) ![](https://img.kancloud.cn/2d/fe/2dfe7e5544d9a08a01ceaa45a11f292f_935x370.png) ![](https://img.kancloud.cn/14/2f/142fa4a963ee7f623483ed5fe5e789c9_755x536.png) ![](https://img.kancloud.cn/67/db/67dbd9f2f4e134c777bfe196cb8663a5_884x365.png) ![](https://img.kancloud.cn/b1/90/b19078c662fd7eb60f72c8ddadb9e834_925x425.png) ![](https://img.kancloud.cn/65/25/6525261dad1e89301724ccf2b5900d64_544x246.png) ![](https://img.kancloud.cn/a0/06/a006f4f5e405f96af135074435504d71_945x397.png) ![](https://img.kancloud.cn/dc/ae/dcae025b0a1a935cefd99e482557b84e_670x438.png) ![](https://img.kancloud.cn/4e/6f/4e6f0700eef5a13071a15b5eda2a3a48_772x402.png) ![](https://img.kancloud.cn/ba/3a/ba3a32a82369470f8fd43df1fab8655b_548x261.png) ![](https://img.kancloud.cn/65/19/65198c9b8ba4633b573f2fe2e753e940_755x363.png) ![](https://img.kancloud.cn/9e/fe/9efefffabb47e46559fe6340fa73186b_773x374.png) ![](https://img.kancloud.cn/32/dc/32dc1fbd79f00bab8d68dabed55cc53a_798x415.png) ![](https://img.kancloud.cn/41/10/4110948646407348ef39c8ecce9b1873_813x416.png) ![](https://img.kancloud.cn/0a/f1/0af13de8a7c966435f01aea03f63bf8f_714x405.png) ![](https://img.kancloud.cn/a5/5f/a55faf11a1ca5e3f3e7c547e4e91aca3_681x343.png)