js 事件委托

最新推荐文章于 2025-05-10 22:30:50 发布

otorain

最新推荐文章于 2025-05-10 22:30:50 发布

阅读量211

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/m0_37421065/article/details/77917098

版权

js 专栏收录该内容

1 篇文章

订阅专栏

<!DOCTYPE html>
<html>
 <head>
 <title>event</title>
 <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
 </head>
 <body>
 <ul id="ul1">
 <li>1</li>
 <li>2</li>
 <li>3</li>
 </ul>
 <script type="text/javascript">
 var oUl = $("ul1");
 function $(id) {
 return document.getElementById(id);
 }
 oUl.onclick = function (ev) {
 var ev = ev || event;
 var target = ev.target || ev.srcElement;
 if (target.nodeName.toLowerCase() == "li") {
 alert(target.innerHTML);
 }
 }
 </script>
 </body>
</html>