javascript之卸载鼠标事件的代码

//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>

赞 (0)

相关推荐

  • JavaScript事件学习小结(五）js中事件类型之鼠标事件

    JavaScript事件学习小结(五）js中事件类型之鼠标事件

    相关阅读: JavaScript事件学习小结(五)js中事件类型之鼠标事件 http://www.jb51.net/article/86259.htm JavaScript事件学习小结(一)事件流 http://www.jb51.net/article/86261.htm javaScript事件学习小结(四)event的公共成员(属性和方法) http://www.jb51.net/article/86262.htm JavaScript事件学习小结(二)js事件处理程序 http://www

  • js控制鼠标事件移动及移出效果显示

    鼠标事件的移动及移出效果都可以使用js来自定义,下面有个示例,效果为当事件发生改变时背景颜色也随着改变,适合新手朋友 <style type="text/css"> .style0{ background-color:#FFFF00; } .style1{ background-color:#00FFFF; } </style> </head> <body> <table width="576" height=&

  • JavaScript事件类型中焦点、鼠标和滚轮事件详解

    本文针对JavaScript 事件中"事件类型"下"焦点.鼠标和滚轮事件"的注意要点进行整理,分享给大家供大家参考,具体内容如下 一.焦点事件 一般利用这些事件与document.hasFocus()方法和document.activeElement属性配合.主要有: blur:元素失去焦点,不会冒泡: DOMFocusIn:同HTML事件focus,于DOM3遭废弃,选用focusin: DOMFocusOut:同HTML事件blur,于DOM3遭废弃,选用foc

  • JavaScript事件类型中UI事件详解

    "DOM3级事件"规定了一下几类事件 UI事件,当用户与页面上的元素交互时除法: 焦点事件,元素获得或失去焦点: 鼠标事件,通过鼠标在页面上执行操作: 滚轮事件,使用鼠标滚轮或类似设备: 文本事件,当用户在文档中输入文本: 键盘事件,通过键盘在页面上执行操作: 合成事件,当为IME(Input Method Editor,输入法编辑器)输入字符时除法: 变动事件(mutation),底层DOM结构发生变化: 变动名称事件,当元素或属性名变动时,此类事件已被废弃. 下文着重说明UI事件的

  • JS鼠标事件大全 推荐收藏

    一般事件 事件 浏览器支持 描述 onClick HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标双击事件 onMouseDown HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标上的按钮被按下了 onMouseUp HTML: 2 | 3 | 3

  • JavaScript Event学习第九章 鼠标事件

    先看看都有哪些鼠标事件:mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout.然后还会解释一下relatedTarget,fromElement和toElement这些事件属性.最后是微软的mouseenter和mouseleave事件. 浏览器的兼容性问题,可以在浏览器兼容性列表查看. 例子 这里有一个例子.可以帮助理解下面的内容. mousedown,mouseup,click和dblclick在这个链接上注册.可

  • javascript简单拖拽实现代码(鼠标事件 mousedown mousemove mouseup)

    mousedown 的时候创建拖动对象,mouseup的时候释放对象,原理弄清楚了其实很简单. 简单拖拽实现代码: 简单拖拽实现 *{margin:0;padding:0;} #box{ margin:20px auto; position:relative; width:400px; height:400px; background:#ccc; border:1px solid #333; postion:relative; } #dragBox{ width:50px; height:50p

  • javascript 鼠标事件总结

    javascript 鼠标事件总结

    常见的有以下8个: mousedown:鼠标的键钮被按下. mouseup:鼠标的键钮被释放弹起. click:单击鼠标的键钮. dblclick:鼠标的键钮被按下. contextmenu :弹出右键菜单. mouseover:鼠标移到目标的上方. mouseout:鼠标移出目标的上方. mousemove:鼠标在目标的上方移动. mousedown事件与mouseup事件可以说click事件在时间上的细分,顺序是mousedown => mouseup => click.因此一个点击事件,

  • javascript之卸载鼠标事件的代码

    //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,e

  • Javascript处理DOM元素事件实现代码

    DOM元素都有一些标准事件,一般使用时只要使用onclick=function的方式就可以了,但是当需要为DOM元素添加多个事件,删除事件,或在用Javascript封装控件的时候,为封装的控件添加自定义事件的时候,onclick=function的方式就不够用了,但是浏览器有addEventListener和attachEvent方法可供调用,从而模拟出类似于C#中的事件委托的事件触发机制! 复制代码 代码如下: /* * 功能:事件处理 * Author:LQB * 时间:2009-1-4

  • js 绑定键盘鼠标事件示例代码

    1.绑定键盘回车事件(注意:用jq提交时想同时按回车键可以提交,此时就不要用form了.) 复制代码 代码如下: document.onkeydown = function(evt){ var evt = window.event?window.event:evt; if(evt.keyCode==13){ subcomment(); //如果按下的是回车键,则执行对应的js函数 } }

  • javascript 不让鼠标事件触发

    div上加了onclick事件,里面又有超链a,点超链的时候能不触发div 的事件吗? 我们 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • js动态设置鼠标事件示例代码

    复制代码 代码如下: obj.onmouseover=function (){ $("#vote").html("赞过了"); } obj.onmouseout=function (){ $("#ssvote").html("赞(" + vote_num+")"); }

  • 详解WPF双滑块控件的使用和强制捕获鼠标事件焦点

    详解WPF双滑块控件的使用和强制捕获鼠标事件焦点

    目录 效果 概述 代码部分 效果 概述 最近有个小需求要用双滑块表示一个取值范围,于是就简单做了个用户控件,在此记录下. 使用矩形Rectangle表示范围,椭圆Ellipse表示滑块,使用Canvas控制滑块的左右移动. 椭圆的鼠标按下事件里强制获取鼠标事件焦点,避免移动过快或移出控件范围时,滑块就不跟着跑了.椭圆的鼠标抬起事件释放强制获取鼠标事件焦点 代码部分 需求比较简单,只定义了4个依赖属性,范围的最大值和最小值,取值的最大值和最小值. 接下来就是计算滑块和高亮矩形的位置,计算时注意减去

  • JS鼠标3次点击事件实现代码及扩展思路

    这几天看了一下JavaScript高级程序设计中的Dom事件相关内容,同时看到网上有关鼠标多次点击事件,鼠标事件是简单.常用的事件之一,于是便针对点击事件进行一些小的扩展和实现,增强对Dom事件的进一步理解.其中的实现和思路是自己总结的,有什么不对的地方还请大神们交流指正. 1.制作一个通用的事件处理模块(原生实现) 以下实现基于AMD定义模块方式: /** * 浏览器兼容事件处理组件 */ define(function () { var EventUtil = { // 添加事件监听 add

  • JavaScript常见鼠标事件与用法分析

    JavaScript常见鼠标事件与用法分析

    本文实例讲述了JavaScript常见鼠标事件与用法.分享给大家供大家参考,具体如下: JavaScript 鼠标事件有以下8种 mousedown 鼠标的键钮被按下. mouseup 鼠标的键钮释放弹起. click 鼠标左键(或中键)被单击. 事件触发顺序是:mousedown -> mouseup -> click dblclick 鼠标左键(或中键)被双击. 事件触发顺序是:mousedown -> mouseup -> click -> mousedown ->

  • JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例

    JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例

    本文实例讲述了JavaScript(js)处理的HTML事件.键盘事件.鼠标事件.分享给大家供大家参考,具体如下: 示例代码: HTML文件: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML文件</title> <script> window.οnlοad=function () {

随机推荐