Javascript为元素动态的添加事件包括两种情况:
来源:互联网 发布:列生成算法介绍 编辑:程序博客网 时间:2024/06/07 22:45
不带参数的事件和带参数的事件。
一、不带参数的事件:
两种方式:直接给对象添加事件,节点添加事件
例如给一个id为tab1的添加onclick事件
第一种情况:
var t = document.getElementById("NewTitle");
t.onclick = function showmsg(){
alert('Hello!World');
}
第二种情况 这种情况更加动态,更为实用,而且还能添加多个函数(添加的事件的顺序即执行顺序),呵呵
var tb = document.getElementById("NewTitle");
if(window.addEventListener){ // Mozilla, Netscape, Firefox
td_value.addEventListener('click', alert('cc'), false);
td_value.addEventListener('click', alert('cc'), false);
} else { // IE
td_value.attachEvent('onclick', function(){alert('changchang');});
td_value.attachEvent('onclick', function(){alert('changchang');});
}
二、带参数的事件
这里的functionName就是事件处理函数,如果是带参数的那该怎么办,
有人说是这样:
element.onclick=function(sb){
alert(sb);
}
是不是上面的那种写法呢?答案是不正确的。
解决方法:匿名函数:
element.onclick=function() {
functionName(param);
};
这样就巧妙的通过匿名方法实现了!
别加引号
一、不带参数的事件:
两种方式:直接给对象添加事件,节点添加事件
例如给一个id为tab1的添加onclick事件
第一种情况:
var t = document.getElementById("NewTitle");
t.onclick = function showmsg(){
alert('Hello!World');
}
第二种情况 这种情况更加动态,更为实用,而且还能添加多个函数(添加的事件的顺序即执行顺序),呵呵
var tb = document.getElementById("NewTitle");
if(window.addEventListener){ // Mozilla, Netscape, Firefox
td_value.addEventListener('click', alert('cc'), false);
td_value.addEventListener('click', alert('cc'), false);
} else { // IE
td_value.attachEvent('onclick', function(){alert('changchang');});
td_value.attachEvent('onclick', function(){alert('changchang');});
}
二、带参数的事件
这里的functionName就是事件处理函数,如果是带参数的那该怎么办,
有人说是这样:
element.onclick=function(sb){
alert(sb);
}
是不是上面的那种写法呢?答案是不正确的。
解决方法:匿名函数:
element.onclick=function() {
functionName(param);
};
这样就巧妙的通过匿名方法实现了!
别加引号
- Javascript为元素动态的添加事件包括两种情况:
- JavaScript动态的为元素添加事件
- JAVASCRIPT动态的为元素添加事件
- JavaScript动态的为元素添加事件
- 为Ajax动态添加的元素添加事件
- jquery为动态添加元素添加事件
- jquery为动态添加元素添加事件
- jquery为动态添加元素添加事件
- 为动态添加的元素设置相应的事件
- jQuery为动态生成的select元素添加事件
- jquery为不存在的元素动态添加事件
- jquery为动态添加的元素绑定事件
- jquery为动态添加的元素绑定事件
- jquery为动态生成的元素添加点击事件
- jQuery为动态生成的元素添加事件
- jquery 为动态加载的元素添加事件
- jQuery-为动态添加的元素绑定事件
- js为动态创建的元素添加事件
- 字符串的操作方法
- matlab基础之128点fft分析数据,各个数据的频谱整体分析
- C#如何用Graphics画出一幅图表
- 输入子系统--event层分析(以GPIO_Keys为例)
- 12864
- Javascript为元素动态的添加事件包括两种情况:
- Xcompmgr (简体中文)
- 使用属于自己的知识网,高效学习,发现创新
- JavaScript push()和pop()方法
- 如何创建新的Ribbon 页
- 10个最受欢迎的Java类
- 1602
- String类型
- 键值编码