javascript之卸載鼠標(biāo)事件的代碼
更新時(shí)間：2007年05月14日 00:00:00 作者：
//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事件類(lèi)型中焦點(diǎn)、鼠標(biāo)和滾輪事件詳解
- JavaScript事件類(lèi)型中UI事件詳解
- js控制鼠標(biāo)事件移動(dòng)及移出效果顯示
- javascript簡(jiǎn)單拖拽實(shí)現(xiàn)代碼(鼠標(biāo)事件 mousedown mousemove mouseup)
- JS鼠標(biāo)事件大全 推薦收藏
- JavaScript Event學(xué)習(xí)第九章 鼠標(biāo)事件
- javascript 鼠標(biāo)事件總結(jié)
- JavaScript事件學(xué)習(xí)小結(jié)(五）js中事件類(lèi)型之鼠標(biāo)事件
相關(guān)文章
用js寫(xiě)一段小程序，但是又覺(jué)得使用瀏覽器去運(yùn)行挺麻煩的，下面為大家介紹下如何使用java程序調(diào)用javascript程序，有類(lèi)似需求的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
js 文字超出長(zhǎng)度用省略號(hào)代替,鼠標(biāo)懸停并以懸浮框顯示實(shí)例
本篇文章主要介紹了js 文字超出長(zhǎng)度用省略號(hào)代替,鼠標(biāo)懸停并以懸浮框顯示，具有一定的參考價(jià)值，有興趣的同學(xué)可以了解一下。2016-12-12
微信小程序?qū)崙?zhàn)教程之WXS語(yǔ)法詳解
WXS是小程序的一套腳本語(yǔ)言,結(jié)合 WXML,wxs類(lèi)似js和js又不一樣,好多js語(yǔ)法能在js使用不能在wxs使用可以構(gòu)建出頁(yè)面的結(jié)構(gòu),這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崙?zhàn)教程之WXS語(yǔ)法詳解的相關(guān)資料,需要的朋友可以參考下2024-09-09
本文主要介紹了canvas實(shí)現(xiàn)流星雨的背景效果的示例代碼。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
在ECMAScript中，只有兩種執(zhí)行環(huán)境，全局環(huán)境和函數(shù)環(huán)境，每個(gè)函數(shù)都是一個(gè)執(zhí)行環(huán)境，包括嵌套函數(shù)。換句話說(shuō)，其他情況下即使變量聲明在一對(duì)大括號(hào)中，在括號(hào)外部仍然可以訪問(wèn)這些變量2010-12-12
ES6的Fetch異步請(qǐng)求的實(shí)現(xiàn)方法
這篇文章主要介紹了ES6的Fetch異步請(qǐng)求的實(shí)現(xiàn)方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
詳解小程序中h5頁(yè)面onShow實(shí)現(xiàn)及跨頁(yè)面通信方案
這篇文章主要介紹了小程序中h5頁(yè)面onShow實(shí)現(xiàn)及跨頁(yè)面通信方案，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05
javascript使用for循環(huán)批量注冊(cè)的事件不能正確獲取索引值的解決方法
這篇文章主要介紹了javascript使用for循環(huán)批量注冊(cè)的事件不能正確獲取索引值的解決方法,對(duì)比分析了出現(xiàn)問(wèn)題的代碼與修改后的代碼,并給出了采用閉包實(shí)現(xiàn)的方法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
JS把字符串轉(zhuǎn)成json對(duì)象的三種方法示例詳解
這篇文章主要介紹了js?把字符串轉(zhuǎn)成json對(duì)象的三種方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-04-04
初學(xué)JavaScript_03(ExtJs Grid的簡(jiǎn)單使用)
Ext JS Grid的簡(jiǎn)單使用:(從土豆的文檔中學(xué)到)2008-10-10