javascript 事件练习：封装兼容性添加、删除事件的函数、addEventListener用法

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>事件练习：封装兼容性添加、删除事件的函数</title><script type="text/javascript">//封装一个函数window.onload = function() {var EventUtil = {addEvent: function(element, type, handler) {if (element.addEventListener) {element.addEventListener(type, handler, false);} else if (element.attachEvent) {element.attachEvent('on' + type, handler);} else {element['on' + type] = handler;}},removeEvent: function(element, type, handler) {if (element.removeEventListener) {element.removeEventListener(type, handler, false);} else if (element.detachEvent) {element.detachEvent('on' + type, handler);} else {element['on' + type] = null;}}}var aBtn = document.getElementsByTagName("input");//为第一个按钮添加绑定事件EventUtil.addEvent(aBtn[1], "click", function() {EventUtil.addEvent(aBtn[0], "click", fnHandler);aBtn[0].value = "我可以点击了"});//解除第一个按钮的绑定事件EventUtil.addEvent(aBtn[2], "click", function() {EventUtil.removeEvent(aBtn[0], "click", fnHandler);aBtn[0].value = "毫无用处的按钮"});//事件处理函数function fnHandler() {alert("事件绑定成功！")}}</script></head><body><center><input type="button" value="毫无用处的按钮"> <input type="button" value="绑定click"> <input type="button" value="解除绑定"></center></body>
</html>

javascript 事件练习：封装兼容性添加、删除事件的函数、addEventListener用法相关推荐

扩展JavaScript数组（Array）添加删除元素方法
为JavaScript数组(Array)扩展添加删除元素方法作者:jcLee95:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343 ...
html div的点击事件,Jquery为DIV添加click事件的简单实例
今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示,然后再给div添加一个事件了,下面我们来看这个例子的做法. html jquery事件 $('#click_ms').click(f ...
axios如何在nodejs项目里封装_【面经】jq 中 ajax 和 axios 区别，瀑布流布局，添加删除事件...
[jq 中 ajax 和 axios 区别] jq的ajax 1.本身是针对MVC的编程,不符合现在前端MVVM的浪潮 2.JQuery整个项目太大,单纯使用ajax却要引入整个JQuery不合理 a ...
php如何给单选框加js事件,js给元素添加绑定事件
yizer 2016-08-05 22:26 Bing search 你好 // getElementById,通过id获取元素 var getDom = function (id){ return ...
JavaScript对数组操作。添加/删除/截取/排序/倒序
js对数组对象的操作以及方法的使用如何声明创建一个数组对象: var arr = new Array(); 或者 var arr = []; 如何移除所有数组中数据? arrayJson.dataL ...
Moodle: 查询 / 更新 / 添加 / 删除 / 导出用户（$DB用法）
1. 添加用户 require_once('config.php'); // config.php under root folderrequire_once($CFG->dirroot .'/ ...
【JavaScript】鼠标、键盘的基础事件
鼠标键盘的基础事件: 鼠标事件事件类型点击左键 click 鼠标经过 mouseover 鼠标离开 mouseout 获得鼠标焦点 focus 失去鼠标焦点 blur 鼠标移动 mousemove ...
android向系统日历添加日程事件（实现闹铃效果，且在app被杀仍能完成）
向系统日历读写事件有一下步骤 1,有读写日历的权限 2,如果没有日历账户需要先创建日历账户 3,实现日历事件增删改查,提醒功能一,权限申请 AndroidManifest.xml添加如下权限 < ...
Android添加系统日历提醒,并从项目日历查看添加的事件＜日历 111＞(带效果图)
前言今天写一个从代码中添加系统日历提醒的功能,(分两篇,一个添加到系统日历,一个从手机上能直接查看) 一.话不多说,先看效果这个是项目中的日历以及日历事件展示这个是系统日历以及事件展示可以看的 ...
Unity碰撞体不碰撞以及代码添加EventTrigger事件
文章目录前言一.同类型物体的碰撞体不发生碰撞二.代码控制EventTrigger添加事件总结前言本文所记内容有两点: 一.同类型物体的碰撞体不发生碰撞. 二.代码控制EventTrigge ...

javascript 事件练习：封装兼容性添加、删除事件的函数、addEventListener用法

javascript 事件练习：封装兼容性添加、删除事件的函数、addEventListener用法相关推荐

最新文章

热门文章