`

点击div内部不消失,div外部消失

 
阅读更多

 

 

  

 

$(".div").click(function(event){  
    event=event||window.event;  
    event.stopPropagation();  
});  
  
//点击层外,隐藏这个层。由于层内的事件停止了冒泡,所以不会触发这个事件  
$(document).click(function(e){                       
  
    $(".div").hide();  
  
});  
  

 

 

 

 

分享到:
评论

相关推荐

    登录取消弹层css+div

    2. **尺寸与边距**:`width`, `height`用于设置弹层的大小,`margin`和`padding`则控制元素内部和外部的间距,使得弹层在视觉上更加和谐。 3. **背景与边框**:使用`background-color`、`background-image`、`...

    javascript实现div浮动在网页最顶上并带关闭按钮效果实例

    这里,我们使用内联样式表的方式,但这并不推荐,最好将样式放在外部 CSS 文件中。样式如下: ```css body { margin: 0px; padding: 0px; text-align: center; } TD { FONT-SIZE: 12px; COLOR: #333; } ...

    一个挺常用的float布局div问题解决方法

    但是在不同浏览器中遇到了各种问题,包括IE6中父div边框消失,IE7中伪换行符div出现在父div外部,以及FF浏览器中伪换行符div未能正确换行等问题。 3. 解决方案和兼容性处理 为了解决float带来的兼容性问题,开发者...

    淘宝右侧图案悬浮

    其中,“淘宝右侧图案悬浮”是一种常见且实用的设计手法,它能够让特定元素始终固定在浏览器窗口的某个位置,即使用户滚动页面也不会消失。本文档旨在通过分析给定代码片段来详细说明这种悬浮效果的具体实现方式。 ...

    关于学习DIV CSS的一些精妙问答

    在Firefox中,要让一个内层div(id为`b`)在外部div(id为`a`)中水平居中,可以设置`a`的`text-align: center`,然后给`b`设置`margin: 0 auto`。这将使`b`在`a`中自动居中。然而,这种方法在IE中可能无效,因此...

    jquery div提示框渐隐弹出与隐藏效果

    在这个函数内部,我们为所有的输入框(input)绑定了点击事件。当用户点击输入框时,会检查提示框是否可见。如果提示框不可见,就会进行一系列操作: 1. 将提示框的display属性设置为'block',使其变得可见。 2. 将...

    ie6,ie7兼容性总结

    - **在Firefox下**:容器的高度固定,不受内部内容影响。 2. **定义固定宽度的`div`**: ```html <div style="border:1px solid red; width:10px"></div> ``` - **在IE6和IE7下**:容器宽度固定。 - **在...

    系统提示框.rar

    开发者可能通过内联样式、内部样式表或外部样式表来定义提示框的颜色、字体、位置、动画效果等。 3. **JavaScript事件监听**:JavaScript代码将监听用户行为,比如按钮点击、表单提交等,当触发特定事件时,会弹出...

    jquery实现弹出层

    这可以通过内联样式、内部样式表或外部样式表实现: ```css .popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; /* 根据需要调整 */ background-color: #fff;...

    python烟花代码-16-css样式表三种使用方式.ev4.rar

    首先,CSS的三种主要使用方式是内联样式、内部样式表和外部样式表。每种方式都有其特定的用途和适用场景。 1. **内联样式**:这是最直接的方式,通过在HTML元素的`style`属性中直接写入CSS代码。例如,如果你有一个...

    《CSS全程指南》随书光盘

    2.2.2 内部样式表 23 2.2.3 外部样式表 25 2.3 CSS的单位 27 2.3.1 长度单位 27 2.3.2 百分比单位 28 2.3.3 颜色单位 28 2.3.4 URL单位 29 2.4 基本语法 29 2.5 选择器 30 2.5.1 选择器组 31 2.5.2 class类选择器 31...

    IE架构下,javascript实现的使用popUp仿照msn提示框,可以跳到页面外

    在函数内部,我们可以动态创建`div`元素,添加文本节点(消息内容),以及一个链接节点(用于跳转)。 ```javascript function popupMessage(message, url) { // 创建提示框div var popup = document....

    jquery 快速学(二.Dom操作)

    4. **创建和插入元素**:`.append()`、`.prepend()`、`.before()`和`.after()`等方法用于在元素内部或外部添加新元素。例如,`$("#container").append("<div>New Element</div>")`会在ID为"container"的元素后面添加...

    js常见经典面试题汇总

    父div和子div都绑定了click事件,点击子div触发事件,这个事件的回调顺序 默认情况下,事件触发顺序遵循**事件冒泡**原则。首先触发子div的事件处理器,然后是父div的事件处理器。 #### 19. 阻止冒泡的方式及作用 ...

    Vue v-model组件封装(类似弹窗组件)

    在这里,`v-model` 的 `value` 默认不能更改,因为 Vue 在内部处理时会查找名为 `value` 的属性。如果你尝试将属性名称更改为 `value1`,`v-model` 将无法正常工作。这是由于 Vue 的源码中有一个名为 `...

    jQuery弹出层网页特效

    为了实现关闭弹出层的功能,可以在弹出层内部或者外部添加关闭按钮,并绑定点击事件: ```javascript $("#closeButton").click(function() { $("#popupLayer").fadeOut(500); }); ``` 除了基本的显示和隐藏,弹出...

    JS实现的非常轻量级的动态气泡提示信息框效果.zip

    - **延迟显示/消失**:使用`setTimeout`或`setInterval`来设定提示框显示或消失的时间间隔。 - **清除计时器**:使用`clearTimeout`或`clearInterval`取消已设置的计时器,防止不必要的动画。 在压缩包内的`使用...

    简单的H5小游戏示例.pdf

    - `<head>`:头部元素,包含文档元数据如字符集、视口设置及链接外部资源(如CSS文件)。 - `<body>`:主体元素,存放可见的内容。 - `<h1>`:一级标题,用于显示游戏名称。 - `<div>`:通用容器元素,用于分组...

    Web前端技术试题.docx编程资料

    其中,链接式样式表是通过`<link>`标签引入外部CSS文件,不属于内联式的样式。 **17. “列表样式图象”的CSS语法** - **题目解析**:考查CSS中如何设置列表项的图标。 - **正确答案**:D. `list-style-image:<值...

    前端面试题汇总.pdf

    17. **DOM样式设置**:可通过内联样式、内部样式表(`<style>`标签)和外部样式表(`.css`文件)来设置DOM样式。 18. **CSS选择器**:包括类型选择器、类选择器、ID选择器、属性选择器、伪类和伪元素等。 19. **...

Global site tag (gtag.js) - Google Analytics