博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS-----------为动态添加的元素增添JS方法
阅读量:6711 次
发布时间:2019-06-25

本文共 1035 字,大约阅读时间需要 3 分钟。

hot3.png

Mozilla中:

addEventListener的使用方式:
target.addEventListener(type, listener, useCapture);
target: 文档节点、document、window 或 XMLHttpRequest。
type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。
listener :实现了 EventListener 接口或者是 JavaScript 中的函数。
useCapture :是否使用捕捉,一般用 false 。例如:document.getElementById("testText").addEventListener("keydown", function (event) { alert(event.keyCode); }, false);
IE中:
target.attachEvent(type, listener);
target: 文档节点、document、window 或 XMLHttpRequest。
type: 字符串,事件名称,含“on”,比如“onclick”、“onmouseover”、“onkeydown”等。
listener :实现了 EventListener 接口或者是 JavaScript 中的函数。 例如:document.getElementById("txt").attachEvent("onclick",function(event) {alert(event.keyCode);});

 

实例:

function CheckNull(id)

{
     alert(id);
}
var CheckNewNull= function(id)
{
    return function(){
        CheckNull(id);
     };
};

function testAddJs( i ){

    var divNode = document.createElement("li");

    var iNode = document.createElement("input");

 
    iNode.addEventListener("click", CheckNewNull(i));//为创建的input节点添加点击方法

}

转载于:https://my.oschina.net/u/2870118/blog/735026

你可能感兴趣的文章
mysql问题
查看>>
为何要领域驱动设计
查看>>
ios GCD ---- (1)
查看>>
Pi编译安装PHP/Nginx并安装完整LEMP环境
查看>>
HTTPS 也不安全?被发现新漏洞会暴露你的数据
查看>>
x86 和 ARM 谁能主宰服务器市场?Linux 之父和 Redis 之父有分歧了
查看>>
dva.js学习梳理集
查看>>
ECS运维神器重装上阵,云助手亮相控制台
查看>>
Nacos 发布 0.9.0 版本,为 GA 作准备
查看>>
运维利器 RunDeck v3.0.15 发布, 服务器自动化操作
查看>>
后端架构师技术图谱
查看>>
快速掌握:大型分布式系统中的缓存架构
查看>>
redis系列:分布式锁
查看>>
ES6(Proxy 和 Reflect)
查看>>
spring+springMVC+mybatis的整合 part1
查看>>
[Spark]Spark Streaming 指南四 输入DStreams和Receivers
查看>>
Android Recyclerview 实现画廊功能
查看>>
Integer 与 Long 数字类型的比较:Java与Kotlin的细节不同
查看>>
官宣!vue.ant.design 低调上线
查看>>
云用户生态发展论坛暨第三届中国云计算用户大会北京站盛大召开
查看>>