添加事件使用 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_roWs和auto_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() 方法将数组合并为字符串,用指