JS中动态添加事件(绑定事件)的代码

2019-12-24,,,

两种方式:直接给对象添加事件,节点添加事件
例如给一个id为tab1的添加onclick事件
第一种情况:
复制代码 代码如下:
var t = document.getElementById("tab1");
t.onclick = function tst(){
alert('');
}

第二种情况
复制代码 代码如下:
var tb = document.getElementById("tab1");
if(window.addEventListener){ // Mozilla, Netscape, Firefox
td_value.addEventListener('click', alert('11'), false);
td_value.addEventListener('click', alert('12'), false);
} else { // IE
td_value.attachEvent('onclick', function(){alert('21');});
td_value.attachEvent('onclick', function(){alert('2'2);});
}

您可能感兴趣的文章:

  • JS动态添加元素及绑定事件造成程序重复执行解决
  • javascript实现的动态添加表单元素input,button等(appendChild)
  • js 动态添加元素(div、li、img等)及设置属性的方法
  • 用js动态添加html元素,以及属性的简单实例
  • ASP之处理用Javascript动态添加的表单元素数据的代码
  • JavaScript实现向OL列表内动态添加LI元素的方法
  • JavaScript实现动态添加Form表单元素的方法示例
  • javaScript动态添加Li元素的实例
  • 多种方法实现JS动态添加事件
  • js动态添加onclick事件可传参数与不传参数
  • JS实现为动态添加的元素增加事件功能示例【基于事件委托】

《JS中动态添加事件(绑定事件)的代码.doc》

下载本文的Word格式文档,以方便收藏与打印。