zoukankan      html  css  js  c++  java
  • 原生js怎么为动态生成的标签添加各种事件

    这几天用zepto.js写了不少事件,突然想到一个问题,那就是原生的js如何给动态生成的标签添加事件?因为这些标签都是后来通过ajax或者运行其他点击事件生成的,那么如果之前给他们写事件他们这个dom对象是找不到的,jq通过事件委托解决了这个问题,但是原生js这个问题该怎么解决呢?我在网上查了很多资料,好像只有一种办法,那就是在生成标签并把标签添加到html结构中后再添加对于这个新标签的各种事件,如果有更好的方法,欢迎提出来。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <div id="a">我是初始就有的div </div>
    </body>
    <script type="text/javascript">
    window.onload = function () {
    
        var myp = document.createElement('p');
        document.getElementById('a').appendChild(myp);
        alert(document.getElementsByTagName('p')[0])
        myp.innerHTML = '我是新建的p标签';
    document.getElementsByTagName('p')[0].onclick = function(){
            alert('我是p的点击事件')
        }
    
    }
    </script>
    </html>
  • 相关阅读:
    JSP脚本指令
    JSP编译指令——page、include
    c++基础(三):多态
    c++基础(一):数据类型和结构
    c++基础(二):成员he派生类
    python小算法(二)
    python的内存管理
    初识java之Mina(一)
    python的小爬虫的基本写法
    python小算法(一)
  • 原文地址:https://www.cnblogs.com/wuyuchao/p/6195488.html
Copyright © 2011-2022 走看看