JS中preventDefault_stopPropagation使用
来源:互联网 发布:淘宝怎么更改收货地址 编辑:程序博客网 时间:2024/04/28 21:21
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>preventDefault_stopPropagation</title>
</head>
<body>
<a id="a" style="width:100px; height:100px; background:red; display:inline-block;" href="#">
<span id="b">bb</span>
</a>
<script>
var link=document.getElementById("a");
var b=document.getElementById("b");
link.onclick=function(event){
event.preventDefault();
alert('你点了a')
};
b.onclick=function(event){
event.preventDefault(); //取消默认事件
event.stopPropagation() //阻止事件冒泡
alert(2)
}
</script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>preventDefault_stopPropagation</title>
</head>
<body>
<a id="a" style="width:100px; height:100px; background:red; display:inline-block;" href="#">
<span id="b">bb</span>
</a>
<script>
var link=document.getElementById("a");
var b=document.getElementById("b");
link.onclick=function(event){
event.preventDefault();
alert('你点了a')
};
b.onclick=function(event){
event.preventDefault(); //取消默认事件
event.stopPropagation() //阻止事件冒泡
alert(2)
}
</script>
</body>
</html>
0 0
- JS中preventDefault_stopPropagation使用
- winform中使用js
- js中showModalDialog使用
- ecshop中使用JS
- JS中使用JSTL
- JS中使用JSTL
- js中使用cookie
- JS中使用JSTL
- js中使用||赋值
- JS中使用JQuery
- js中打印使用
- js中使用数组
- js中使用SPLIT
- js 中JSON使用
- HTML中使用JS
- JS中正则使用
- JS中使用cookie
- js: js中数组对象的使用
- 内存管理相关
- Android开发笔记(一百二十五)自定义视频播放器
- Android中imageView中的属性ScaleType用来显示图片的几种方式
- 网易视频云发布会大猜想:9.20将以何种姿态亮相舞台
- UIGestureRecognizer学习笔记
- JS中preventDefault_stopPropagation使用
- 关于window下git add命令下会提示下面的信息
- ORA-28001: the password has expired解决方法
- 一个圆环上有好多控件,实现左右滑动以及近大远小的效果
- 4.Android基础:常见控件----->ProgressBar
- 读paper总结
- Android 性能优化实例
- 【Android】Scrollview返回顶部,快速返回顶部的功能实现,详解代码。
- 文件重定向(hook IRP_MJ_CREATE)