IT源码网

  • 首页
  • 程序员
  • 编程语言
  • 大数据
  • 数据库
  • 手机开发
  • 架构师
  • 2020-10-22航班预订统计
  • 2020-10-22字符串转换整数 (atoi)
  • 2020-10-22复原IP地址
  • 2020-10-22编辑距离
  • 2020-12-04git添加新用户
×
          本站交流QQ群: IT虾米网       IT虾米交流群
IT源码网微信

Q : 823053937

      点击QQ交流

热贴推荐

  • 单词的压缩编码 单词的压缩编码
  • 岛屿数量 岛屿数量
  • 最长有效括号 最长有效括号
  • redis启动.停止.重启 redis启动.停止.重启
  • Oracle和MySQL插入时获取主键 Oracle和MySQL插入时获取主键
  • rel= rel="stylesheet" 描述
  • 简单配置springmvc-servlet.xml 简单配置springmvc-servlet.xml
  • php 笔试题汇总 php 笔试题汇总
首页Web前端正文
IT源码网

js阻止点击事件的冒泡的实现

leader 2019年11月29日 Web前端 675 0
<html> 
<head> 
<script type="text/javascript"> 
function fnclick1(){ 
    alert("父元素弹窗") 
} 
function fnclick2(e){ 
    //阻止跳转到其它页面(如提交表单跳转等) 
    //e.preventDefault(); 
    //阻止点击事件向上冒泡 
    e.stopPropagation(); 
    alert("子元素弹窗"); 
} 
</script> 
</head> 
<body> 
<div onclick="fnclick1()"> 
    父点击事件 
    <div onclick="fnclick2(event)"> 
       子点击事件 
    </div> 
</div> 
</body> 
</html>

 

评论关闭
IT源码网
IT源码网 JavaScript

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

  • 游戏盾推荐StoneCDN:99.9%SLA保障的全球游戏加速CDN

  • javascript之Safari 零高度 SVG 路径不触发鼠标事件

  • javascript之Backbone/Marionette with select2 v4.0,编辑标签

  • iframe document.write 中的 javascript 覆盖父文档

  • javascript之使用 Jquery 将字段输入值作为查询字符串附加到 url 中

  • javascript之如何在动态内容上使用 jquery.confirm 插件

  • javascript之打开文档时在 PDF 中运行 JavaScript

  • javascript之XMLHttpRequest 的responseType 属性接受多个值

  • javascript之如何将 chrome.alarms.getAll 回调设置为变量

  • javascript之每隔一段时间从目录加载图像

  • javascript之浏览器操作高度不会重置

  • javascript之连接数组

程序员必备工具大全

X
友情链接
  • json格式化
  • 博客园
  • 上海小程序开发
  • Linux-Clash教程
  • 快捷键速查表
  • 冷币>
免责声明:本站部分帖子来自互联网收集,版权归原创者所有,如果侵犯了您的权益,请发邮件给823053937@qq.com通知我们,我们会第一时间删除侵权内容,谢谢合作!
                                         Copyright © 2016-2024 IT源码网(www.itym.cn) Rights Reserved.    京ICP备19004545号