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>
  • 相关阅读:
    JS-Date日期内置对象
    JS-string内置对象
    MyBatis的事务处理
    MyBatis的简单操作
    MyBatis第一个项目示例
    CSS-盒子模型
    百分比布局的使用
    使用TabLayout快速实现一个导航栏
    彻底理解android中的内部存储与外部存储
    Eclipse的LogCat总是自动清空怎么办?
  • 原文地址:https://www.cnblogs.com/wuyuchao/p/6195488.html
Copyright © 2011-2022 走看看