javascript之卸载鼠标事件的代码
2023-06-13 09:13:56 时间
//by xmg
<script>
function addEvent(obj,eventName,eventFunc){
if(obj.attachEvent) {
obj.attachEvent(eventName,eventFunc);
}else if(obj.addEventListener){
eventName = eventName.toString().replace(/on(.*)/i,"$1");
obj.addEventListener(eventName,eventFunc,true);
}
}
function delEvent(obj,eventName,eventFunc){
if(obj.detachEvent)
obj.detachEvent(eventName,eventFunc)
else if(obj.removeEventListener){
eventName = eventName.toString().replace(/on(.*)/i,"$1");
obj.removeEventListener(eventName,eventFunc,true);
}
}
</script>
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<button onclick=addEvent(document,"onclick",test1)>add1</button><br>
<button onclick=delEvent(document,"onclick",test1)>del1</button><br>
<button onclick=addEvent(document,"onclick",test2)>add2</button><br>
<button onclick=delEvent(document,"onclick",test2)>del2</button><br>
<script>
function test1(){
alert("test1")
}
function test2(){
alert("test2")
}
document.onclick=function(){
alert(1)
}
</script>
</BODY>
</HTML>
<script>
function addEvent(obj,eventName,eventFunc){
if(obj.attachEvent) {
obj.attachEvent(eventName,eventFunc);
}else if(obj.addEventListener){
eventName = eventName.toString().replace(/on(.*)/i,"$1");
obj.addEventListener(eventName,eventFunc,true);
}
}
function delEvent(obj,eventName,eventFunc){
if(obj.detachEvent)
obj.detachEvent(eventName,eventFunc)
else if(obj.removeEventListener){
eventName = eventName.toString().replace(/on(.*)/i,"$1");
obj.removeEventListener(eventName,eventFunc,true);
}
}
</script>
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<button onclick=addEvent(document,"onclick",test1)>add1</button><br>
<button onclick=delEvent(document,"onclick",test1)>del1</button><br>
<button onclick=addEvent(document,"onclick",test2)>add2</button><br>
<button onclick=delEvent(document,"onclick",test2)>del2</button><br>
<script>
function test1(){
alert("test1")
}
function test2(){
alert("test2")
}
document.onclick=function(){
alert(1)
}
</script>
</BODY>
</HTML>
相关文章
- 【说站】JavaScript如何求数组的质数
- 「数据结构与算法Javascript描述」二叉树
- 这么做,你也可以开发JavaScript库!【留言送书】
- Day5 JavaScript(三)事件、表单验证以及初识jQuery详解编程语言
- JavaScript学习总结(九)——Javascript面向(基于)对象编程详解编程语言
- [javascript] 看知乎学习js事件触发过程详解编程语言
- 阻止JavaScript事件冒泡传递(cancelBubble、stopPropagation)
- javascript事件模型代码
- Javascript阻止javascript事件冒泡,获取控件ID值
- javascript自定义事件初探
- 用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
- JavaScript常用函数
- JavaScript学习笔记(六)
- javascript浏览器检测代码精简版
- javascript传统事件模型构造的事件监听器实现代码
- Javascript键盘事件的组合使用实现代码
- 关于JavaScript与HTML的交互事件
- JavaScript获取onclick、onchange等事件值的代码
- Javascript实现带关闭按钮的网页漂浮广告代码
- javascript移动设备Web开发中对touch事件的封装实例
- 封装了一个支持匿名函数的Javascript事件监听器
- Javascript学习笔记之函数篇(四):arguments对象
- javascript中键盘事件用法实例分析
- JavaScript中使用stopPropagation函数停止事件传播例子