首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当一个菜单项的按钮(第一个菜单项的“表亲”)用Javascript单击而没有jQuery时,关闭另一个菜单项的子菜单

当一个菜单项的按钮(第一个菜单项的“表亲”)用Javascript单击而没有jQuery时,关闭另一个菜单项的子菜单可以通过以下步骤实现:

  1. 首先,需要给第一个菜单项的按钮添加一个点击事件的监听器。可以使用原生的Javascript方法addEventListener来实现,例如:
代码语言:txt
复制
var button = document.getElementById("button1");
button.addEventListener("click", function() {
  // 在这里编写关闭另一个菜单项子菜单的代码
});
  1. 在点击事件的处理函数中,需要找到另一个菜单项的子菜单,并将其关闭。可以通过DOM操作来实现,例如:
代码语言:txt
复制
var submenu = document.getElementById("submenu2");
submenu.style.display = "none";

这里假设另一个菜单项的子菜单的id为"submenu2",将其display属性设置为"none"可以隐藏该子菜单。

  1. 如果需要在点击第一个菜单项的按钮时同时关闭其他菜单项的子菜单,可以使用循环遍历的方式找到所有菜单项的子菜单,并将它们关闭。例如:
代码语言:txt
复制
var submenus = document.getElementsByClassName("submenu");
for (var i = 0; i < submenus.length; i++) {
  submenus[i].style.display = "none";
}

这里假设所有菜单项的子菜单都有一个共同的类名"submenu",通过getElementsByClassName方法可以获取到它们的DOM元素列表,然后使用循环遍历将它们的display属性设置为"none"。

以上是通过原生Javascript实现关闭另一个菜单项的子菜单的方法。如果需要使用腾讯云相关产品来实现类似功能,可以考虑使用腾讯云的云函数(SCF)和云开发(TCB)服务。具体的实现方式和相关产品介绍可以参考腾讯云的官方文档:

请注意,以上答案仅供参考,具体实现方式可能因具体情况而异。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

自写JQ控件-树状菜单控件

一个多月没有写博客了,最近也弄一个基于JQ的树状菜单控件,在此分享给大家。另外呢,通过这个例子分享一下怎么写JQ控件的。...事实上工作中,也是经常遇到的,有些时候自己想实现一些前端效果,用网上一些插件吧,很强大,但是一些样式可能不是你想要的,改起来牵一发而动全身。这种情况自己写控件会好一些。...*/ .st_tree ul li a{ font-size: 18px; } /* 子菜单项 */ .st_tree ul ul li a{ font-size: 17px; } /* 子子菜单项...主要有这几点: (1)$(function() {}); 当文档载入完毕就执行的意思 (2)jQuery插件开发分为两种: 1、 类级别 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax...(1)比如一些位置的知识: jquery获取元素位置的方法有两个: position方法: 获取匹配元素集中第一个元素的坐标,获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置。

1.9K30

一起来学matlab-matlab学习笔记9 高级绘图命令_1 图形对象_根对象,轴对象,用户控制对象,用户菜单对象

若用户要用一个框架包围一些组件,则必须第一个定义框架。 校验框(check):当单击检验框时,会执行一操作。该组件对于提供用户多个独立的选择是很有用的。...当没有打开时,该组件显示当前的选择项。 普通按钮(push):当该组件被按下时,将执行一操作。要激活一个按钮,只需在按钮上按下鼠标按钮即可。...触发按钮(toggle):当该组件被单击且显示出它们的状态(on或者off)时,控制是否执行回调函数 gcf 返回当前Figure 对象的句柄值 gca 返回当前axes 对象的句柄值 gco 返回当前鼠标单击的句柄值...在建立子菜单项时,必须指定一级菜单项对应的句柄值。快捷菜单是用鼠标右键单击对象时在屏幕上弹出的菜单。快捷菜单的位置是不固定的,而且总是附加在某个图形对象上。...制作一个带4个子菜单项的顶层菜单项,该下拉菜单分为两个功能区,每个功能区的两个菜单项是相互独立的,因此采用使能属性进行处理;当图形窗坐标轴消隐时,整个坐标分隔控制功能区不可见。

3.6K40
  • C#学习笔记—— 常用控件说明及其属性、事件

    (12)AcceptButton 属性:该属性用来获取或设置一个值,该值是一个按钮的名称,当按 Enter 键时就相当于单击了窗体上的该按钮。...(13)CancelButton 属性:该属性用来获取或设置一个值,该值是一个按钮的名称,当按 Esc 键时就相当于单击了窗体上的该按钮。...其中有文字的单个命令称菜单项,顶层菜单项是横着排列的,单击 某个菜单项后弹出的称为菜单或子菜单,它们均包含若干个菜单项,菜单项其实是 MenuItem 类的一个对象。...值为 true 时,是默认菜单项,值为 false时,不是默认菜单项。菜单的默认菜单项以粗体的形式显示。当用户双击包含默认项的子菜单后,默认项被选定,然后子菜单关闭。...常用的 MDI 父窗体的事MdiChildActivate,当激活或关闭一个 MDI子窗体时将发生该事件。 3.菜单合并 父窗体和子窗体可以使用不同的菜单,这些菜单会在选择子窗体的时候合并。

    9.9K20

    【机组】单元模块的软件简介和安装

    2.3 卸载 用鼠标点击“开始”按钮,然后选择“设置—控制面板”命令,打开控制面板。双击“控制面板”中的“添加或删除程序”图标。在弹出的对话框中,选择LCPT选项,然后单击“添加或删除”按钮。...当新建或者打开新的汇编源文件时,软件会提示用户必须先关闭已打开的源文件。...默认情况下,程序没有启动,各寄存器均不显示当前数值,寄存器及其他部件之间的通路用蓝线表示。...单击工具栏上“打开文件”或文件菜单中“打开”选项,如下图所示: 选择一个汇编源文件,如上图选择了文件“addsub.asm”,然后单击文件对话框“打开”按钮,显示界面如下: 4....单击工具栏上“编译”按钮或菜单“编译”中“编译源文件”选项,若源文件存在语法错误,会出现相应对话框进行告警;源文件语法修改正确后,主界面会切换到“程序结构图”子窗口,如下所示: 5.

    13010

    【愚公系列】2023年11月 Winform控件专题 ContextMenuStrip控件详解

    通过添加菜单项和子菜单项,可以为用户提供更多的操作选项。使用方法:在Visual Studio的工具箱中找到ContextMenuStrip控件,将其拖动到窗体上。...下面是一个简单的例子,演示如何使用ContextMenuStrip和ToolStripMenuItem控件,在右键菜单中添加两个选项并处理它们的单击事件:首先,在窗体中添加一个按钮和一个ContextMenuStrip...打开ContextMenuStrip的设计器,单击“Add New Item”按钮,添加一个新菜单项。单击新菜单项,使其处于选中状态,然后打开属性窗口。...2.常用场景ContextMenuStrip控件通常用于实现右键菜单功能,它可以在用户右键单击控件或窗体时显示一个下拉菜单。...添加两个ToolStripMenuItem控件,一个以“删除”为文本,另一个以“复制”为文本。右键单击第一个ToolStripMenuItem控件,选择“属性”选项。

    1.1K11

    Material Design — 菜单(Menus)

    左:应用栏中的操作太多时将会设置一个菜单    右:包含五个选项的菜单 菜单标签 按钮或控件的标签应该简洁而准确地反映菜单内的项目(如下图)。...单个菜单项状态 某些app状态可能会导致只有一个菜单项的情景菜单。 例如,当使网页上的文本高亮时,Android仅显示“复制”菜单项,因为用户无法“剪切”或“粘贴”文本。 ?...例如,重做在没有任何可重做的操作时被禁用。 剪切和复制在没有选择内容时不可用。 ? 不可用的例子 ---- 行为 菜单出现在app内所有其他UI元素之上。 ?...取消选择 触摸菜单外部或按下系统“后退”按钮,取消操作并关闭菜单。 ? 简单菜单 ·打开时,简单菜单会尝试将当前选定的菜单项目与列表项目垂直对齐。 当前选择的菜单项突出显示(如下图)。 ?...向下展开的简单菜单 ? 向上展开的简单菜单 ·不要在简单菜单弹出的第一个选项上放列表中的非已选项(如下图)。 ? ·但在靠近屏幕边缘时,简单菜单会重新定位其垂直对齐方式,以便所有菜单项都完全可见。

    5.8K100

    【CSS——效果实现】自适应页面(蓝桥杯真题-5136)【合集】

    背景介绍 响应式布局是在 2010 年 5 月份提出的一个概念,这个概念是为解决移动互联网浏览而诞生的。简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。...且 Menu 按钮展示时,需要浮动在内容卡片上方,不能被遮挡,移动端和 PC 端顶部导航栏高度一致,均为 54px。 移动端导航栏的菜单项每一项独占一行。...菜单项通过 标签定义,其中 “课程” 菜单项有下拉子菜单,通过嵌套的 列表实现。...: 800px) 表示当视口的宽度小于或等于 800px 时,内部的样式规则将会生效。...点击按钮显示菜单 */ } input.menu-btn:checked:表示当 input 元素(类名为 menu-btn)被选中(例如复选框被勾选)时。

    6110

    菜单与JApplet组件

    另外,在AbstractAction 构造器中也可以设定图标 ​菜单中的复选框和单选按钮​ 复选框和单选按钮菜单项在文本旁边显示了一个复选框或一个单选按钮。...除了按钮装饰以外,你可以像对待其他菜单项一样对待复选框和单选按钮,单选按钮菜单项同常规单选按钮一样。你必须把它们添加到一个按钮组中。当组中的一个按钮被选择后,所有的其他按钮都自动成为未选择项。...在JAVA中,你可以通过在菜单项构造器中指定一个快捷字母来为菜单项设置快捷键,如: JMenuItemitem=new JMenuItem("Cut",'t'); 有时候,你不想在菜单项的第一个匹配快捷键的字母下面画下划线...,而加速器是在不打开菜单的情况下选择菜单项快捷键。...加速器只能关联到菜单项,而不是菜单。加速器键并不实际打开菜单。它知识直接激活同菜单关联的动作事件而已。 ​启用和禁用菜单项​ 有时候,一个特定的菜单项可能只在某些环境中可用。

    6610

    JavaFX+Jfoenix 学习笔记(四)–MenuBar菜单栏

    、最小化及关闭按钮那一行及窗口边框外其它的区域(场景) * 场景(Scene)是一个窗口(Stage)必不可少的 */ @Override public void start(Stage stage...、最小化及关闭按钮那一行及窗口边框外其它的区域(场景) * 场景(Scene)是一个窗口(Stage)必不可少的 */ @Override public void start(Stage stage...Menu的不能作为一个菜单按钮来使用,所以我都是用MenuItem package zkh.javafx.learn.menubar; import javafx.application.Application...public class MenuBar3 extends Application { /** * Stage:就是你能看到的整个软件界面(窗口) * Scene:就是除了窗口最上面有最大、最小化及关闭按钮那一行及窗口边框外其它的区域....getStyleClass().add("zkh_MenuItem"); // 这里有个坑,Menu的setOnAction不生效,或者说Maneu的不能作为一个菜单按钮来使用,所以我都是用MenuItem

    2.7K20

    《熬夜整理》保姆级系列教程-玩转Wireshark抓包神器教程(4)-再识Wireshark

    ②导出特定分组:可以选择导出全部包,主界面显示的包,主界面选择的包,marked的包,第一个到最后一个marked的包之间的包,设置包序号段的包,保存时不保存忽略的包。...Open Recent(打开最近文件) 这使您可以打开最近打开的捕获文件。单击子菜单项之一将直接打开相应的捕获文件。 Merge…(合并) 此菜单项使您可以将捕获文件合并到当前加载的文件中。...首选项:单击它时,将打开一个提示窗口,您可以在其中控制 GUI 的外观、设置捕获选项和其他高级功能,如添加 RSA 密钥、修改协议设置等。此子菜单也可用于自定义我们的配置文件。...例如,您可以用 UTC 来显示时间,而不是以秒为单位显示时间。我们可以对数据包进行着色和脱色,甚至可以更改着色规则。...Colorize Conversation 该菜单项会弹出一个子菜单,可让您根据当前所选数据包的地址为数据包列表窗格中的数据包着色。这使得区分不同对话的分组变得容易。

    2.3K31

    Scrivener for Mac如何自定义快捷键

    在Scrivener for Mac中分配或更改键盘快捷键 可能存在某些菜单项,您发现自己使用了很多没有键盘快捷键的菜单项,或者您发现键盘快捷键过于复杂。...6、单击“+”按钮。将出现一张纸。 7、从“应用程序”弹出按钮,选择Scrivener。 8、在“菜单标题”文本字段中,输入要添加的命令的确切名称。...如果要更改“编辑”>“粘贴和匹配样式”菜单项的键盘快捷键,则应键入“粘贴和匹配样式”。 10、单击“键盘快捷键”文本字段,然后按住新快捷键所需的组合键。 11、单击“添加”。...12、关闭系统偏好设置。 而已!当您返回Scrivener时,新的键盘快捷键应该已启动并正在运行。 修复冲突 请注意,OS X上的键盘快捷键通过从左到右扫描菜单来查找与按下的快捷键匹配的菜单项。...您可以创建一个名为“您的集合名称”的快捷方式,但这将绑定到初始快捷方式,该快捷方式显示Binder中的选项卡,而不是将当前文档存档到该集合中的命令。要专门定位某个菜单,还需要键入其菜单层次结构。

    1.8K20

    VC++6.0入门——第六讲 菜单编程

    CWnd派生的类既可以接收命令消息,也可以接收标准消息下面,我们以Menu这个程序为例,来看看菜单命令消息路由的具体过程:当点击某个菜单项时,最先接收到这个菜单命令消息的是框架类。...菜单的结构文件下的整个部分是一个子菜单创建标记菜单比如在文件下面加一个标记菜单指向整个菜单的指针指向子菜单的指针// 获取指向CMenu对象的指针// 1.按照索引访问GetMenu()->GetSubMenu...而随后的Detach函数会把菜单句柄与这个菜单对象分离,这样,当这个局部菜单对象的生命周期结束时,它不会去销毁一个它不再具有拥有权的菜单。这个菜单在窗口销毁时会自动销毁。...然后在【显示】菜单项上用单击鼠标右键,从出现的快捷菜单中选择【Class Wizard..】命令,这时会出现如图所示的对话框。该对话框询问是否为DR_MENU1这个资源创建一个新类或者选择一个已有类。...可以不用对此做出处理,单击【Cancel】)按钮取消此对话框即可。

    10630

    【热点盘点】iOS 8增强的自动布局功能

    使用Interface Builder打开Storyboard界面设计文件时才会看到这些菜单项。 第二种:通过Interface Builder右下角的按钮来添加约束。...单击第一个按钮即可弹出图中的浮动框,该浮动框与Align子菜单包含的菜单项完全一样,只是通过该按钮可以同时添加多个约束。...点击InterfaceBuilder右下角的第二个按钮,打开的浮动框与Pin子菜单包含的菜单项完全一样,只是可以同时添加多个约束。...InterfaceBuilder右下角的第三个按钮对应的浮动框与Resolve Auto Layout Issues子菜单包含的菜单项完全一样。...在按住键盘上control键的同时,在Interface Builder中从一个UI控件向另一个作为父容器的UI控件拖出一条蓝色的斜线,松开鼠标即可看到如下图所示的弹出菜单。 ?

    1.2K10

    .NET混合开发解决方案13 自定义WebView2中的上下文菜单

    关于右键菜单的术语 菜单项  包括复选框、命令、单选按钮、分隔符和子菜单。 命令  五种类型的菜单项之一。...此枚举将始终表示导致上下文菜单请求的活动元素。例如,如果有一个包含多个图像、音频和文本的选择,最终用户在此选择中右键单击的元素将是此枚举表示的选项。 Audio  指示上下文菜单是为音频元素创建的。...考虑一些极端情况,系统需要统一实现自定义的右键菜单功能。 通过一个简单的示例来演示如何实现自定义WebView2 中的上下文菜单。 场景:在第二个场景的基础之上,增加2个自定义右键菜单项。...3、菜单项的类型,包含Command(命令按钮)、CheckBox(复选框)、Radio(单选框)、Separator(分割线)、Submenu(子菜单)。...用户何时请求上下文菜单 当用户请求打开上下文菜单 ((例如右键单击) )时,应用需要侦听 ContextMenuRequested 事件。

    3K20

    Unity Odin从入门到精通(二):创建编辑器窗口「建议收藏」

    2.2.OnRightClick:当用户右键单击菜单项时,就会调用该事件。 3.包含属性:如下所示: 3.1.Name:菜单项的原始名称。 3.2.SmartName:菜单项的智能名称。...4.7.DrawMenuItem:用指定的缩进等级来绘制菜单项。...1.9.DrawFoldoutTriangle:当该字段值为true并且菜单项存在子菜单项时,就会在菜单项上绘制一个折叠三角形。否则,就不会在菜单项上绘制一个折叠三角形。...3.2.CopyCSharpSnippet:当前的样式设置作为菜单项被添加到菜单树中时,就会显示一个名称为”Copy C# Snippet”的按钮。...其中,比较函数的执行流程大致为:当placeFoldersFirst参数值为true时,首先就会对菜单项列表按照菜单项是否含有子菜单项来排序,然后再按照菜单项的名称进行排序。

    3.7K30

    跟我学Android之八 ActionBar与菜单

    的菜单 ​添加菜单或子菜单的步骤如下:​ Ø重写Activiiy的OnCreateOptionsMenu(Menu menu)的方法,在该方法里调用Menu对象的方法来添加菜单项或子菜单...Ø如果希望应用程序能响应菜单项的单击事件,重写Activity的onOptionsItemSelected (MenuItem mi)方法即可。...u当用于选择一个菜单项时,onOptionsItemSelected()方法会执行 Ø参数为MenuItem的对象 Ø通过调用...Øandroid:title 定义菜单项的标题文字 Øandroid:showAsAction 定义菜单项何时显示为一个ActionItem l取值:ifRoom |...u在布局菜单的时候可以通过属性确定菜单项是否显示 Ø很多情况下,我们需要在特殊情况下才显示菜单项 Ø初始时往往选择将菜单项隐藏

    7710

    跟我学Android之八 ActionBar与菜单

    的右端 Ø点击ActionBar的右端或设备上的“菜单”按钮弹出 Ø菜单项可以出现在ActionBar上 Ø Ø u可以在Activity的子类和Fragment的子类中定义选项菜单 Ø如果两者都定义了...,那么在显示的时候将会合并两者的菜单 Ø合并显示时先显示Activity的菜单 添加菜单或子菜单的步骤如下: Ø重写Activiiy的OnCreateOptionsMenu(Menu menu)的方法,...在该方法里调用Menu对象的方法来添加菜单项或子菜单。...Ø如果希望应用程序能响应菜单项的单击事件,重写Activity的onOptionsItemSelected (MenuItem mi)方法即可。...u当用于选择一个菜单项时,onOptionsItemSelected()方法会执行 Ø参数为MenuItem的对象 Ø通过调用MenuItem的getItemId()方法可以获得菜单项的

    10510
    领券