• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 处理冒泡的两种方式

处理冒泡的两种方式

作者:qian_an_hua_li的博客 字体:[增加 减小] 来源:互联网 时间:2017-08-02

qian_an_hua_li的博客通过本文主要向大家介绍了js函数等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
  • 在js中,子级可能通过冒泡影响父级
<div id="div1">
    <div id="div2"></div>
 </div>
.....
JS代码
window.onload=function(){
var div1=document.getElementById("div1");
div1.onmouseover=function(){
document.title+="1";
}
div1.onmouseout=function()
{
document.title+="2";
}
}
运行结果是2 1

结果证明确实是子级影响了父级,有两种解决办法
<1>用JS中的onmouseenter,onmouseleave,代替onmouseover,onmouseout。
<2>用css的方法,将父级与子级之间加一个透明的遮罩层,就可以解决。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-11jquery实现异步加载图片(懒加载图片一种方式)
  • 2017-05-11利用JS实现文字的聚合动画效果
  • 2017-05-11Node.js数据库操作之连接MySQL数据库(一)
  • 2017-05-11js数字舍入误差以及解决方法(必看篇)
  • 2017-05-11JavaScript Date 知识浅析
  • 2017-05-11Vue中添加过渡效果的方法
  • 2017-05-11用file标签实现多图文件上传预览
  • 2017-08-02jquery简单获取文档滑动的高度
  • 2017-05-11微信小程序 开发之顶部导航栏实例代码
  • 2017-05-11Vue.js基础学习之class与样式绑定

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery中Chosen三级联动功能实例代码
    • 利用Node.js对文件进行重命名
    • Webpack打包慢问题的完美解决方法
    • 详解nodejs中exports和module.exports的区别
    • 详解angularJs模块ui-router之状态嵌套和视图嵌套
    • 基于JavaScript实现本地图片预览
    • React快速入门教程
    • jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
    • jQuery实现选项卡功能(两种方法)
    • Easyui笔记2:实现datagrid多行删除的示例代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有