JavaScript事件处理程序详解
更新时间：2017年09月19日 08:38:19 作者：喵嘻嘻
这篇文章主要为大家详细介绍了JavaScript事件处理程序的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了js事件处理程序的具体代码，供大家参考，具体内容如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DOM0级DOM2级</title>
</head>
<body>
<input id="btn1" type="button" value="click1" onclick="show()">
<input id="btn2" type="button" value="click2">
<input id="btn3" type="button" value="click3">
<script>
function show() {
alert("btn1");
}
//DOM0级
var btn2 = document.getElementById("btn2");
btn2.onclick = function () {
alert("DOM0级btn2");
};
//DOM2级
function show2() {
alert("DOM2级btn3");
}
var btn3 = document.getElementById("btn3");
// btn3.addEventListener("click",show2,false);
// btn3.removeEventListener("click",show2,false);
//ie事件处理程序
// btn3.attachEvent("onclick",show2);
// btn3.detachEvent("onclick",show2);
//跨浏览器事件处理程序
//能力检测
var eventUtil = {
//添加具柄；
addHandler: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;
}
},
//删除具柄；
removeHandler: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;
}
}
};
eventUtil.addHandler(btn3,"click",show2);
eventUtil.removeHandler(btn3,"click",show2);
</script>
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JavaScript中的变量提升和函数提升，在js中对变量进行操作后打印值经常会出现undefined的现象。其实原因是因为js中有一个叫做变量提升的功能2022-07-07
这篇文章主要介绍了详解如何快速配置webpack多入口脚手架，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
npm安装依赖时出现Peer Dependencies冲突报错解决分析
这篇文章主要为大家介绍了npm安装依赖时出现Peer Dependencies冲突报错解决分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-09-09
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
由于微信小程序没有提供类似 Image 这样的 JS 对象，要实现图片的预加载要麻烦一些，wxapp-img-loader自定义组件可以在微信小程序中实现图片预加载功能,需要的朋友可以参考下2018-10-10
在JavaScript中Click事件是一种常见的用户交互事件,表示用户在网页上点击某个元素的动作,这篇文章主要给大家介绍了关于Javascript中点击(click)事件的三种写法,需要的朋友可以参考下2024-06-06
本文主要介绍了Js中数据类型判断的几种方法。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01![打豆豆小游戏 用javascript编写的[打豆豆]小游戏](//img.jbzj.com/images/xgimg/bcimg6.png)
用javascript 写了一个打豆豆的游戏，至于怎么玩的就不细说了，到网上搜一下就知道了，很简单,感兴趣的朋友可以了解下哦2013-01-01
时间戳和时间日期的转换是常见的操作，下面就通过代码实例介绍一下如何实现它们之间的相互转换，感兴趣的朋友一起学习吧2016-02-02
这篇文章主要介绍了JS实现换肤功能的方法,结合实例形式分析了javascript针对页面元素属性与样式动态操作相关实现技巧,需要的朋友可以参考下2019-01-01
这篇文章主要介绍了js实现3D图片逐张轮播幻灯片特效，图片轮播效果特别适合做产品展示，具有很强的立体效果，感兴趣的小伙伴可以参考下。2015-09-09
![打豆豆小游戏 用javascript编写的[打豆豆]小游戏](http://img.jbzj.com/images/xgimg/bcimg6.png)
最新评论