js学习总结----事件委托和事件代理

web开发作者:dayu日期:10天前点击:3
查看购物车的详细信息 </div> </div> <script> var mark = document.getElementById(‘mark‘); document.body.onclick = function(e){ e = e || window.event; e.target = e.target || e.srcElement; //如果点击的是box或者是#box下的span,我们判断mark是否显示,显示让其隐藏,反之让其显示 if(e.target.id==="box" || (e.target.tagName.toLowerCase()==="span" && e.target.parentNode.id===‘box‘)){ if(mark.style.display === "none"){ mark.style.display === "block" }else{ mark.style.display === "none" } return; } //如果事件源是#mark,不进行任何的操作 if(e.target.id==="mark"){ return; } mark.style.display === "none" } </script> </body> </html>

js学习总结----事件委托和事件代理

原文地址:http://www.cnblogs.com/diasa-fly/p/7227985.html


下一篇       上一篇