阻止事件冒泡
来源:互联网 发布:淘宝油画 莫奈的花园 编辑:程序博客网 时间:2024/06/08 10:37
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>跨浏览器解决方法</title>
</head>
<body>
<div id="box">
<input type="button" value="btn" id="btn"/>
</div>
<script>
function showMessage(event){
alert(event.target.nodeName);
event.stopPropagation();
}
function showBox(){
alert("hello world");
}
var btn = document.getElementById("btn");
var box = document.getElementById("box");
var eventUtil = {
//添加句柄
addHandler:function(element,type,handler){//element:被操作的元素;type:是什么事件;handler:进行什么操作
if(element.addEventListener){
element.addEventListener(type,handler,false);//DOM 2级
}else if(element.attachEvent){
element.attachEvent("on"+type,handler);//IE事件
}else{
element["on"+type]=handler;//0级
}
},
//删除句柄
removeHandler:function(element,type,handler){//element:被操作的元素;type:是什么事件;handler:进行什么操作
if(element.removeEventListener){
element.removeEventListener(type,handler,false);//DOM 2级
}else if(element.detachEvent){
element.detachEvent("on"+type,handler);//IE事件
}else{
element["on"+type]=null;//0级
}
}
}
eventUtil.addHandler(btn,'click',showMessage);//在IE 和其他浏览器中均可以显示
eventUtil.addHandler(box,'click',showBox);
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>跨浏览器解决方法</title>
</head>
<body>
<div id="box">
<input type="button" value="btn" id="btn"/>
</div>
<script>
function showMessage(event){
alert(event.target.nodeName);
event.stopPropagation();
}
function showBox(){
alert("hello world");
}
var btn = document.getElementById("btn");
var box = document.getElementById("box");
var eventUtil = {
//添加句柄
addHandler:function(element,type,handler){//element:被操作的元素;type:是什么事件;handler:进行什么操作
if(element.addEventListener){
element.addEventListener(type,handler,false);//DOM 2级
}else if(element.attachEvent){
element.attachEvent("on"+type,handler);//IE事件
}else{
element["on"+type]=handler;//0级
}
},
//删除句柄
removeHandler:function(element,type,handler){//element:被操作的元素;type:是什么事件;handler:进行什么操作
if(element.removeEventListener){
element.removeEventListener(type,handler,false);//DOM 2级
}else if(element.detachEvent){
element.detachEvent("on"+type,handler);//IE事件
}else{
element["on"+type]=null;//0级
}
}
}
eventUtil.addHandler(btn,'click',showMessage);//在IE 和其他浏览器中均可以显示
eventUtil.addHandler(box,'click',showBox);
</script>
</body>
</html>
0 0
- javascript阻止冒泡事件
- 阻止冒泡事件
- Js 冒泡事件阻止
- jQuery阻止事件冒泡
- 阻止js事件冒泡
- Jquery 阻止事件冒泡
- JS阻止事件冒泡
- 阻止事件冒泡
- JS阻止事件冒泡
- javascript阻止事件冒泡
- javascript 阻止事件冒泡
- 阻止事件冒泡
- Js 冒泡事件阻止
- JS事件冒泡(阻止
- 阻止jQuery事件冒泡
- javascript 阻止事件冒泡
- js 阻止冒泡事件
- 阻止jQuery事件冒泡
- MFC如何清理和删除一些消息映射函数
- 求一维数组的最小公倍数
- C++运算符优先级
- 关闭xdebug
- Hadoop 2.7.1 在centos6.3下配置环境变量并安装配置完全分布式集群
- 阻止事件冒泡
- 二分搜索树的实现
- 位操作总结
- 10.5.3 & 10.6节练习
- 智慧城市顶层设计范例:以数字家庭区块为例-P03
- 排序算法(3)-直接插入排序
- 使用 Android Studio自定义View01——注意是否重写onMeasure的区别,实现真正的自适应布局
- 面试算法总结
- 使用SQL Nexus整合----熟悉SQL Nexus