`
hongtoushizi
  • 浏览: 378911 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

js实现点击页面中的其他部分,来隐藏指定的元素

    博客分类:
  • js
js 
阅读更多

     $(document).click(function (e) {

   var drag = $('[name=send_menu]',ui),

       dragel = $('[name=send_menu]',ui)[0],

       target = e.target;

   if (dragel !== target && !$.contains(dragel, target)) {

       drag.find('[name=send_menu_list]').hide();

       drag.find('[name=topic_app]').hide();

   }

});

 

分享到:
评论

相关推荐

    js/jquery实现的指定元素的隐藏显示

    "js/jquery实现的指定元素的隐藏显示"这一主题涵盖了如何利用这两种强大的工具来改变HTML元素的显示状态,以及如何处理文本内容的变化。以下是关于这些知识点的详细说明。 首先,让我们了解一下JavaScript的基础...

    elementUI滚动条,点击dom元素滚动到指定位置.pdf

    在这个例子中,我们使用 `@click` 事件来捕捉 DOM 元素的点击事件,并在点击时滚动到指定的位置。我们使用 `ref` 属性来获取滚动条组件的引用,然后使用 `setScrollLeft` 方法来设置滚动条的滚动位置。 实现细节 ...

    Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)

    在使用Vue.js开发网页应用时,有时我们需要实现一个功能,即当用户点击当前元素(如弹窗、菜单、对话框等)以外的地方时,能够隐藏该元素。这篇文章详细介绍了实现该功能的三种方法,并提供了各自的实现思路与具体...

    css+js实现部分区域高亮可编辑遮罩层.docx

    遮罩层的实现原理是使用一个绝对定位的DIV元素来遮罩整个页面,然后使用css样式来控制遮罩层的显示和隐藏。例如,可以使用`position`属性来设置遮罩层的定位方式,使用`top`和`left`属性来设置遮罩层的位置,使用`...

    jQuery实现点击除了特定div的页面其它地方,隐藏该div功能。

    jQuery实现点击除了特定div的页面其它地方,隐藏该div功能。 在触发DOM上的某个事件的时候会产生一个事件对象event,这个对象包含着所有与事件有关的信息,包括产生事件的元素、事件类型等相关信息,思路一中div的...

    JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例

    该文件内容介绍了如何使用JavaScript通过遮罩层技术实现点击某个区域以外的区域来弹出或关闭弹窗的功能。以下是详细的知识点阐述: 首先,我们需要理解遮罩层的概念。遮罩层通常用于页面上某些内容的高亮显示或是...

    js指定打印页面部分内容代码

    在JavaScript中,我们可以使用特定的API来实现对网页部分区域的打印功能。这通常涉及到CSS样式控制和window.print()函数的使用。以下是一些关键知识点的详细解释: 1. **CSS媒体查询**: CSS媒体查询是实现部分...

    js实现动态层,鼠标点击该层时,弹出该层隐藏内容。如163的新闻栏一样

    综上所述,实现“js实现动态层,鼠标点击该层时,弹出该层隐藏内容”的功能,主要涉及JavaScript的DOM操作、事件监听、CSS样式控制以及可能的动画效果。通过这些技术,我们可以创建出与163新闻栏类似的交互式动态层...

    jquery实现点击指定div外区域隐藏该div

    ### jQuery 实现点击指定 div 外区域隐藏该 div #### 背景介绍 在 Web 开发中,经常需要处理用户交互事件,如点击、滑动等。其中一个常见的需求是当用户点击某个元素(比如一个下拉菜单)时,这个元素会展开;而当...

    京东页面JS效果实现,js实现导航条控制,很完整

    "京东页面JS效果实现,js实现导航条控制"这个主题聚焦于如何使用JavaScript来创建类似京东网站的导航条交互效果。下面将详细介绍这个知识点,并提供一个具体的实例——"360buyleftmenu_jb51net"。 1. **JavaScript...

    javascript实现点击放大图片

    在网页设计中,提供一种用户友好的方式来查看图片细节是非常重要的。JavaScript 是实现这一功能的强大工具...通过熟练掌握这些知识点,你可以轻松地在网页中实现点击图片放大这一常见的交互功能,提升用户的浏览体验。

    js隐藏内容隐藏标签

    在Web开发中,经常需要通过JavaScript来动态地修改页面上的DOM(Document Object Model)元素,以此来改变页面的行为或外观。例如,在这段代码中,有两个函数`aa()`和`you()`,它们分别用于切换两个不同的DOM元素的...

    jQuery使用hide方法隐藏页面上指定元素的方法

    下面,我们根据提供的内容部分来详细解读如何在页面上使用`hide()`方法隐藏指定元素。 在内容部分提供的示例代码中,首先创建了一个HTML页面,其中包含了两个`<p>`标签,每个标签内都有文本内容,并且提供了一个...

    用js来操作页面

    在JavaScript中,我们可以使用`document.getElementById`、`document.querySelector`或`document.querySelectorAll`等方法来选取页面上的特定元素。例如,如果我们有一个id为"myTable"的表格,我们可以通过`document...

    完美的鼠标放上去jquery显示隐藏层

    这个标题所指的是一种使用JavaScript库jQuery来实现在鼠标悬停(hover)时动态显示或隐藏元素的技巧。这种技术能够使用户在浏览网页时更加直观地获取信息,比如悬停在某个按钮或链接上时,弹出相关的提示信息。 ...

    JS实现点击链接切换显示隐藏内容的方法

    在网页开发中,有时我们需要通过点击链接来切换显示或隐藏页面上的特定内容。这个功能可以增强用户体验,使得信息展示更加灵活。本篇文章将详细介绍如何使用JavaScript实现这一功能,包括涉及的鼠标事件响应和页面...

    js指定打印页面部分内容代码.zip

    标题“js指定打印页面部分内容代码.zip”涉及到的是JavaScript(js)技术在网页打印功能上的应用。JavaScript是一种广泛用于客户端Web开发的脚本语言,它可以与HTML和CSS紧密结合,实现动态网页交互。在这个压缩包中...

    js 进行打印控制 打印时隐藏按钮

    // 隐藏指定元素 function beforePrint() { document.getElementById('span2').style.display = 'none'; } // 打印完成后恢复显示 function afterPrint() { document.getElementById('span2').style.display = ''...

    javascript 控制 html元素 显示/隐藏实现代码

    当触发器被点击时,display()函数将被执行,从而改变指定元素的显示状态。 JavaScript函数display()接收一个参数y,该参数代表了要操作的HTML元素的id。函数首先通过调用函数$()来获取对应的DOM元素,然后根据当前...

    教你一天玩转JavaScript(四)——使用JavaScript实现定时弹出广告定时隐藏广告

    JavaScript是Web开发中不可或缺的一部分,尤其在前端交互和动态效果实现上起着核心作用。本教程将深入探讨如何使用JavaScript来实现定时弹出广告以及定时隐藏广告的功能,这对于提升用户体验和网页互动性至关重要。 ...

Global site tag (gtag.js) - Google Analytics