JS获取事件源

获取事件源原理:将子元素的事件交给父元素处理,提高性能,利用事件冒泡

<body><ul id='ul'><li>1</li><li>2</li><li>3</li><h4>hhhh4444</h4><li>4</li><li>5</li><li>6</li><li>7</li><p>ppppppppM</p><li>8</li><li>9</li><li>10</li></ul><script>
//事件委托,将子元素的事件交给父元素处理,利用了事件冒泡,提高浏览器性能var oUl=document.getElementById("ul");//获取事件源oUl.onclick=function(evt){//oUl点击事件var e = evt || window.event;//事件兼容//event.target 获取标准浏览器的事件源//event.srcElement  获取Ie浏览器的事件源var target = e.target || e.srcElement;//获取事件源target兼容if(target.nodeName.toupperCase() === 'LI'){//事件源的节点名称大写为LI,获取li元素alert(target.innerHTML);}}</script></body>


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部