代码描述:js兼容所有浏览器 获取事件源对象。js兼容所有浏览器获取事件源对象代码实例
大家知道早期的IE浏览器和标准浏览器存在着不小的差异,当然本文章不会一一介绍,那样的话,量实在有点大。 下面介绍一下如何实现兼容所有主流浏览器的获取事件源对象。 所谓的事件源对象就是当前触发事件的对象,比如click事件的源对象,就是鼠标点击的元素。 代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> #thediv{ width:200px; height:100px; background:#CCC; text-align:center; line-height:100px; } </style> <script> window.onload=function(){ var odiv=document.getElementsByTagName("div")[0]; odiv.onclick=function(ev){ var ev=ev||window.event; var target=ev.target||ev.srcElement; odiv.innerHTML=target.id; } } </script> </head> <body> <div id="thediv"></div> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能