请问这个css+js代码为什么点击事件会重叠？

html-css027

请问这个css+js代码为什么点击事件会重叠？,第1张

这个是事件冒泡！和css没啥关系，就是JS的事。

解决方案：

1.event.stopPropagation()

针对你的代码 大概是这样

obj.onmouseup=function(event){

    XXXXXXX

    event.stopPropagation()

}

事件处理过程中，阻止了事件冒泡，但不会阻击默认行为（它就执行了超链接的跳转）

2.return false

obj.onmouseup=function(){

    XXXXXXX

    return false

}

事件处理过程中，阻止了事件冒泡，也阻止了默认行为（比如刚才它就没有执行超链接的跳转）

3.event.preventDefault() 

obj.onmouseup=function(event){

    XXXXXXX

    event.preventDefault()

}

在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。

以上部分摘自：网页链接

HTML：是静态网页，该文档本身只有页面结构，可以显示页面内容；

CSS：层叠样式表，通过设置对应的样式属性可以修改html文档内各元素的显示、位置等样式；

如修改颜色、字体、字号、宽高、位置、背景等。

Javascript：动态脚本语言，广泛应用于web应用的功能开发以及丰富页面体验，可以动态控制页面内容；

如修改页面文字、图片、各种效果、功能等；

一个通俗的例子：HTML就像人的身体，CSS就像人的衣服，Javascript就像人的思想和行为。

不一样。

css是层叠样式表，是用来对网页进行布局排版的语言。主要需要几何知识，运用css属性等进行网页编程、网页动画效果制作。

js是JavaScript脚本语言，是用来做网页编程和服务器端编程的语言。前端js主要通过浏览器api对css及html进行操作。后端利用服务器端api实现数据库等操作。