4.6.0 事件处理

比眉伴天荒 2023-08-17 17:17 194阅读 0赞

事件处理

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>事件处理</title>
  6. <style>
  7. </style>
  8. </head>
  9. <body>
  10. <div id="div">
  11. <button id="btn">button</button>
  12. </div>
  13. <script>
  14. var btn = document.getElementById("btn");
  15. var div = document.getElementById("div");
  16. btn.addEventListener("click", showType);
  17. div.addEventListener("click", showDiv);
  18. function showType(event) {
  19. alert(event.type);
  20. alert(event.target);
  21. event.stopPropagation();
  22. }
  23. function showDiv() {
  24. alert("div")
  25. }
  26. </script>
  27. </body>
  28. </html>

转载于:https://www.cnblogs.com/kikyoqiang/p/11222608.html

发表评论

表情:
评论列表 (有 0 条评论,194人围观)

还没有评论,来说两句吧...

相关阅读

    相关 460-MySQL(主从复制原理)

    MySQL集群 在实际生产环境中,如果对mysql数据库的读和写都在一台数据库服务器中操作,无论是在安全性、高可用性,还是高并发等各个方面都是不能满足实际需求的,一般要通

    相关 事件处理

    事件循环 JS运行的环境称之为宿主环境。 执行栈:call stack,一个数据结构,用于存放各种函数的执行环境,每一个函数执行之前,它的相关信息会加入到执行栈。