我想请问纯javascript怎么绑定和取消事件

问题描述

我知道jquery可以$("#abc").unbind("click");$("#abc").bind("click",fun);那么javascript呢?????,,给个例子吧

解决方案

解决方案二:
<body><divid="haha">123</div><script>varhaha=document.getElementById("haha");functionhello(){alert(1);}event_bind(haha,'click',hello);functionevent_bind(obj,e,fun){try{obj.addEventListener(e,fun,false);}catch(error){obj.attachEvent('on'+e,fun);}}functionevent_remove(obj,e,fun){try{obj.removeEventListener(e,fun,false);}catch(error){obj.detachEvent('on'+e,fun);}}</script></body>

解决方案三:
最简单就是obj.onclick=function(){}

时间: 2024-08-29 10:31:27

我想请问纯javascript怎么绑定和取消事件的相关文章

javascript attachEvent绑定多个事件执行顺序问题_javascript技巧

常见的绑定事件有直接绑定在页面元素中比如<div id="wrap" onclick="a();"></div>,这个换种方法也就是分离出来写在js代码里如document.getElementById('wrap').onclick = function(){a();},此时如果需要绑定多个方法则直接写在一起即可如document.getElementById('wrap').onclick = function(){a();b();}或&

纯JavaScript实现HTML5 Canvas六种特效滤镜示例

实现了六款简单常见HTML5 Canvas特效滤镜,并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js,程序源代码如下,感兴趣的朋友可以参考下哈   小试牛刀,实现了六款简单常见HTML5 Canvas特效滤镜,并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js.支持的特效滤镜分别为: 1.反色 2.灰色调 3.模糊 4.浮雕 5.雕刻 6.镜像 滤镜原理解释: 1.反色:获取一个像素点RGB值r, g, b则新

使用纯javascript实现经典扫雷游戏

  使用纯javascript实现经典扫雷游戏         本文给大家分享的是个人刚开始学习javascript的时候写的仿windows经典的扫雷游戏的代码,当时只是写了下来,没加注释,这里补上,有需要的小伙伴可以参考下. 很久以前写的 当时都没写注释的 刚加上了 (尼玛,好多自己都不认识了 ... ) 不足的地方就是本来想写个游戏排名的统计的,等有空了再加上(好像每次都这么说 然后就等好久好久...) 还有就是没有实现:点击第一个格子不能是雷的功能 ? 1 2 3 4 5 6 7 8 9

纯JavaScript实现HTML5 Canvas六种特效滤镜示例_javascript技巧

小试牛刀,实现了六款简单常见HTML5 Canvas特效滤镜,并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js.支持的特效滤镜分别为: 1.反色 2.灰色调 3.模糊 4.浮雕 5.雕刻 6.镜像 滤镜原理解释: 1.反色:获取一个像素点RGB值r, g, b则新的RGB值为(255-r, 255-g, 255-b) 2.灰色调:获取一个像素点RGB值r, g, b则新的RGB值为 复制代码 代码如下: newr = (r * 0.272) + (g

纯JavaScript实现获取onclick、onchange等事件的值_javascript技巧

今天小菜处理下拉菜单级联问题时,想获取HTML标签中某个事件的内容,也就是值,比如从<select id="city" onchange="javascript:test();"></select>中获取javascript:test();. 小菜想通过事件中的信息,确定下一级的菜单,但是这个貌似很简单的问题,却让小菜纠结了一番.          稍微懂点JQuery的童鞋,可能会尝试这样获取: 复制代码 代码如下: $(document)

ECHO.js 纯javascript轻量级延迟加载的实例代码_javascript技巧

ECHO.js 纯javascript轻量级延迟加载的实例代码 演示 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>简单的JavaScript图像延迟加载库Echo.js</title> <style> .demo img { width: 736px; height: 490px;

纯javascript的ajax实现php异步提交表单的简单实例

很多时候需要异步提交表单,当表单太多是时候,一个个getElementById变得很不实际 当然,jquery可以实现异步提交表单,jquery.form.js这个库貌似也挺流行 只是有时候并不想使用额外的库,所以就琢磨着自己写,用纯js来实现异步提交表单 实现如下(本例用POST方式提交,用php作为服务器脚本) HTM L文件:test <html> <head> <script type="text/javascript" src="nam

Javascript函数绑定应用技巧详解

文章简介:函数绑定要创建一个函数,可以在特定环境中以指定参数调用另一个函数. 函数绑定要创建一个函数,可以在特定环境中以指定参数调用另一个函数.该技巧常常和回调函数与事件处理程序一起使用,以便在将函数作为变量传递的同时保留代码执行环境.请看以下例子: var handler = { message: "Event handled", handleClick: function (event) { alert(this.message); } }; var btn = document.

纯javascript实现四方向文本无缝滚动效果

  本文主要给大家分享了使用纯javascript实现的可控制的四方向文本无缝滚动的代码,效果非常不错,有需要的小伙伴可以参考下. 实现一个文本无缝滚动的效果: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59