关于jquery stopPropagation()阻止冒泡事件
2024-08-30 00:13:11
我们经常会遇到点击两个或者多个重叠的层事件的时候,往往点击最里的的一层会接连触发外面的点击事件。这时候就需要用到stopPropagation事件即阻止冒泡事件
html代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('input').bind('click',function(e){
e.stopPropagation()
alert('input')
})
$('div').bind('click',function(e){
e.stopPropagation();
alert('div')
})
$(document).bind('click',function(){
alert('document')
})
})
</script>
</head>
<body>
<div style="width:200px;height:200px;background:green;">
<input type="button" value="按钮">
</div>
</body>
<html>
最新文章
- 【hrbust2294】方方正正
- 4.羽翼sqlmap学习笔记之Post登录框注入
- PHP性状的使用
- [IOS 开发] TableView、多个TableViewCell、自定义Cell、Cell上画画(故事板+代码方式)
- Access 数据库连接 字符串
- KETTLE实现数据的删除和更新
- 内存中的static、const实现形式
- PHP动态函数
- 访问权限PPP(public、private、protected、default)之成员变量、成员变量权限解析
- 动态规划(DP计数):HDU 5116 Everlasting L
- 【HDOJ】1421 搬寝室
- 把给定的字符串解析为Date对象
- cmake编译时遇到的问题解决
- i春秋——Misc之百度杯
- Oracle 11g R2 for Win10(64位)的安装步骤
- day24-抽象类与接口类
- zabbix 实现 iptables 监控
- centos7 源码构建、安装dubbo-monitor
- Qt Quick 和qml介绍
- 访问localhost的phpmyadmin出现访问被拒绝
热门文章
- XmlDocument
- 微信打开网址添加在浏览器中打开提示 http://caibaojian.com/weixin-tip.html
- 块级元素的text-align对行内元素和果冻元素(inline-block)的作用
- Android 使用EventBus进行Fragment和Activity通信
- Python学习 Day 7 面向对象 类和实例 访问限制
- uoj #15. 【NOIP2014】生活大爆炸版石头剪刀布
- 开源一个一个NodeJS 代理服务器扫描工具,可以用来***
- iTOP-4412开发板-LinuxC-继电器模块的测试例程
- scrapy增加爬取效率
- shell高级用法