代码描述:javascript获取 触发事件对象。javascript获取触发事件对象源码实例
在实际应用中可能需要明确知道具体是哪个元素触发了事件,下面就通过代码实例介绍一下如何实现此功能,并且能够兼容各个主流浏览器,希望能够给需要的朋友带来帮助。 代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> #thetable{ background-color:green; font-size:12px; } #thetable th{ text-align:center; height:30px; line-height:30px; } #thetable td{ width:150px; height:30px; line-height:30px; text-align:center; background-color:#FFF; } </style> <script type="text/javascript"> window.onload=function(){ var otable=document.getElementById("thetable"); var odiv=document.getElementById("thediv"); otable.onclick=function(ev){ var ev=ev||window.event; var target=ev.target||ev.srcElement; if(target.tagName=="TD"){ odiv.innerHTML=target.innerHTML; } } } </script> </head> <body> <div id="thediv">此处显示点击标签的内容</div> <table id="thetable"> <tr> <td>51前端一</td> <td>51前端二</td> <td>51前端三</td> </tr> <tr> <td>51前端四</td> <td>51前端五</td> <td>51前端六</td> </tr> </table> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能