添加事件使用 addEventListener('事件',函数)

解绑事件使用 removeEventListener('事件',函数)

<style>
span{cursor:pointer;background-color:#35AADC;border-radius:5px;color:#FFFFFF;padding:10px;line-height:50px;}
</style>
<span id="span1">点击我,将执行三个函数</span>
<script>
	document.getElementById("span1").onclick=function(){
	console.log("第一个事件函数");
	}

	document.getElementById("span1").addEventListener('click',function(){
	console.log("第二个事件函数");
	})

	function e3(){
		console.log("第三个事件函数");
	}
	document.getElementById("span1").addEventListener('click',e3) //参数二的函数名不能带括号 因为这里是函数的地址
</script>


<br>
<span id="span2">解绑事件</span>
<script>
document.getElementById("span2").onclick=function(){
	document.getElementById("span1").onclick=null; //解绑第一个事件 0级事件  直接重新赋值 覆盖掉原来的事件即可解绑.但是addEventListener添加的仍然有效
	//第二个函数由于是匿名函数 所以无法解绑
	document.getElementById("span1").removeEventListener('click',e3); //解绑第三个事件  参数二的函数名不能带括号

}

</script>


相关推荐

dom对象

DOM Attr 对象 属性 / 方法描述attr.isId如果属性是 id 类型,则返回 true,否则返回 false。attr.name返回属性的名称。attr.value设置或返回属性的值。a

Javascript 的prototype属性 给对象添加新的自定义方

所有 JScript 固有对象都有只读的 prototype 属性。可以象该例中那样为原型添加功能,但该对象不能被赋予不同的原型。然而,用户定义的对象可以被赋给新的原型。本语言参考中每个内部对象的方法

styLe对象全部属性

fontFamilyfontStylefontVariantfontWeightfontSizefontcolorbackgroundbackgroundColorbackgroundImagebac

mysqL information_schema.tabLes taBLe_roWsauto_increment不准确 不更新 一直是0原因与解决方

修改配置文件法:(my.ini)#使得information_schema.tables表统计实时更新 information_schema_stats_expiry=0手动更新法:表的统计与分析TA

Javascript元素高度 宽度 水平位置 垂直位置

包括边框element.offsetHeight 返回元素的高度。 (包括边框)element.offsetWidth 返回元素的宽度。 element.offsetLeft 返回元素的水平

添加右键 新建php文的右键菜单

新建一个记事本文件,改名为 .reg后缀写入Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\\.php] @="php.Doc

Javascript合并数组 :concat法用法

例子:<script> a = new Array(1,2,3); b = "JScript"; c = new Array(42, "VBScript&q

array.pop() array.shift()用法 Javascript 数组删除成员

方法:Array.pop() //移除数组中的最后一个元素并返回该元素。如果数组为空 则返回undefined Array.shift() //移除数组中的第一个元素并返回该元素例子:<scri

Javascript parseint()函数用法 - 字符串到整数

定义和用法parseInt() 函数可解析一个字符串,并返回一个整数。当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。当忽略参数 ra

Javascript array数组对象

Array 对象所有属性:constructor 属性|length 属性|prototype 属性所有方法concat() 方法合并多个数组,返回一个新数组join() 方法将数组合并为字符串,用指