JavaScript使用addEventListener添加事件监听用法实例

这篇文章主要介绍了JavaScript使用addEventListener添加事件监听的方法,实例分析了addEventListener方法的相关使用技巧,需要的朋友可以参考下

本文实例讲述了JavaScript使用addEventListener添加事件监听用法。分享给大家供大家参考。具体实现方法如下：

1. <!DOCTYPE html> 
2. <html lang="en"> 
3. <head> 
4. <title>This text is the title of the document</title> 
5. <script> 
6. function showalert(){ 
7. alert('you clicked me!'); 
8. } 
9. function clickme(){ 
10. var pelement=document.getElementsByTagName('p')[0]; 
11. pelement.addEventListener('click', showalert, false); 
12. } 
13. window.addEventListener('load', clickme, false); 
14. </script> 
15. </head> 
16. <body> 
17. <div id="main"> 
18. <p>Click Me</p> 
19. <p>You Can't Click Me</p> 
20. </div> 
21. </body> 
22. </html> 

希望本文所述对大家的javascript程序设计有所帮助。