阻止事件的默认行为
来源:互联网 发布:淘宝第三方运营商 编辑:程序博客网 时间:2024/05/22 10:44
<!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"/>
<a href="demo06.html" id="a">跳转</a>
</div>
<script>
function showMessage(event){
alert(event.target.nodeName);
event.stopPropagation();
}
function showBox(){
alert("hello world");
}
function showA(event){
event.stopPropagation();
event.preventDefault();
}
var btn = document.getElementById("btn");
var box = document.getElementById("box");
var a = document.getElementById("a");
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);
eventUtil.addHandler(a,'click',showA);
</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"/>
<a href="demo06.html" id="a">跳转</a>
</div>
<script>
function showMessage(event){
alert(event.target.nodeName);
event.stopPropagation();
}
function showBox(){
alert("hello world");
}
function showA(event){
event.stopPropagation();
event.preventDefault();
}
var btn = document.getElementById("btn");
var box = document.getElementById("box");
var a = document.getElementById("a");
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);
eventUtil.addHandler(a,'click',showA);
</script>
</body>
</html>
0 0
- 阻止事件的默认行为
- 阻止事件默认行为
- 阻止事件默认行为
- 事件冒泡。阻止事件冒泡 |阻止元素的默认行为
- 阻止Javascript事件的默认行为
- javascript 阻止事件的默认行为
- js阻止事件默认行为
- 阻止事件冒泡\阻止默认行为
- 阻止默认行为和阻止事件传播
- 停止事件冒泡和阻止浏览器默认行为的脚本
- javascript阻止事件冒泡和浏览器的默认行为
- javascript 阻止元素对于事件的默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- javascript 阻止事件冒泡 与 浏览器的默认行为
- js阻止浏览器的默认行为以及停止事件冒泡
- javascript阻止事件冒泡和浏览器的默认行为
- 4、阻止表单onsubmit事件的默认行为
- Maven利用jetty插件发布Web
- Struts2的Action中常用的获得request的方法
- POJ2446 Chessboard(二分图)
- Java多线程(一)
- apache url路由配置重写
- 阻止事件的默认行为
- 华为机试--机器修复问题
- Ubuntu 16.04待机后无法接受输入
- 设计模式系列(一)单例模式
- C++第7次实验-数组素数排序
- Serializable和Parcelable
- mysql 忘记密码,如何修改
- Msql编辑数据表的默认存储引擎
- jquery判断input值不为空 val()