• JS_增加事件,移除事件,动态元素的增删事件研究


    /*
    * 静态页面要施放因(add)此元素添加事件的内存.
    */
    <
    input id="add" type="button" value="add" /> <input id="det" type="button" value="det" /> <script type="text/javascript"> (function(){ var add = document.getElementById("add"); var det = document.getElementById("det"); /*增加事件*/ ~function(){ var str = new Array(1000).join(new Array(5000).join("xxxxx")); add.onclick = function(){ var arr = []; arr.push(str); } }(); /*移除事件*/ ~function(){ det.onclick = function(){ add.onclick = null; } }(); })(); </script>
    /*
    * 动态添加的元素施放内存.
    */
    <
    input id="add" type="button" value="add" /> <input id="det" type="button" value="det" /> <div id="box"></div> <script type="text/javascript"> (function(){ var add = document.getElementById("add"); var det = document.getElementById("det"); var box = document.getElementById("box"); /*增加事件*/ ~function(){ var str = new Array(1000).join(new Array(5000).join("xxxxx")); add.onclick = function(){ var temp = document.createElement("div"); temp.id = "hello"; temp.className = "hello" box.appendChild(temp); temp.onclick = function(){ var arr = []; arr.push(str); } } }(); /*移除事件*/ ~function(){ det.onclick = function(){ document.getElementById("hello").onclick = null; add.onclick = null; } }(); })(); </script>
  • 相关阅读:
    cf406E Hamming Triples (推公式)
    cf1076E Vasya and a Tree (线段树)
    LOJ2503 NOIP2014 解方程 【HASH】
    vue+antd 解决的rowKey未指定报错Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.
    vue 引入第一个elementui组件
    bootstrap导航和table
    垃圾回收jstat术语
    jmap heap 分析
    高内存分析
    expalin精讲
  • 原文地址:https://www.cnblogs.com/somesayss/p/2815320.html
Copyright © 2020-2023  润新知