如何在纯javascript中显示和隐藏弹出的onclick?

     2023-02-22     156

关键词:

【中文标题】如何在纯javascript中显示和隐藏弹出的onclick?【英文标题】:How to show and hide pop up onclick in pure javascript? 【发布时间】:2022-01-06 00:19:33 【问题描述】:

我有一个名为“query-pop-up”的弹出类,我想在纯 js 中显示和隐藏弹出的 onclick。如何实现。

我应该使用 addEverntListerner 还是别的什么。

请让我知道如何使用它。

【问题讨论】:

请澄清您的具体问题或提供其他详细信息以准确突出您的需求。正如目前所写的那样,很难准确地说出你在问什么。 【参考方案1】:

我自己对 Javascript 还是很陌生,但从我对您的问题的理解来看,您似乎正在做某种形式的网页设计,并且可能还使用 HTML 和 CSS。

您可能可以使用 addEventListener 方法,但我认为 jquery 切换方法会更方便,因为它允许您在所有元素的隐藏和显示之间“切换”。如果没有进一步的细节,我真的不能推荐一个具体的实现,但我建议查看以下链接:

https://www.w3schools.com/howto/howto_js_popup.asp https://www.w3schools.com/howto/howto_js_toggle_class.asp https://www.w3schools.com/jquery/eff_toggle.asp

希望我能有所帮助!祝你好运! :)

【讨论】:

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

如何在 javascript 或 jquery 中显示和隐藏站点标题

】如何在javascript或jquery中显示和隐藏站点标题【英文标题】:howcanishowandhidesiteheaderinjavascriptorjquery【发布时间】:2021-08-1203:57:54【问题描述】:我正在研究一个Bootstrap用例。我使用Bootstrap设计了一个菜单。我希望向下滚动时隐... 查看详情

Javascript:使用切换按钮隐藏和显示 div 标签

】Javascript:使用切换按钮隐藏和显示div标签【英文标题】:Javascript:HidingandShowingdivtagwithatogglebutton【发布时间】:2014-01-2616:10:12【问题描述】:我会直接说:我需要做的是通过按下一个按钮隐藏一个特定的div,它应该是一个切换... 查看详情

如何在 ruby​​ on rails 中访问 rails 助手和嵌入资产 javascript 文件中的 ruby​​?

】如何在ruby​​onrails中访问rails助手和嵌入资产javascript文件中的ruby​​?【英文标题】:HowdoIaccessrailshelpersandembeddedrubyinsideassetsjavascriptfilesinrubyonrails?【发布时间】:2012-05-0307:49:46【问题描述】:我有一个显示和隐藏div,单击... 查看详情

如何隐藏弹出的 UISearchController

】如何隐藏弹出的UISearchController【英文标题】:HowtohidethepoppedUISearchController【发布时间】:2019-01-1015:26:29【问题描述】:我是swift的初学者。我有一个包含TableView的ViewController。letsearchController=UISearchController(searchResultsController:nil)... 查看详情

如何隐藏或集成地理定位权限弹出到按钮(Javascript + HTML)

】如何隐藏或集成地理定位权限弹出到按钮(Javascript+HTML)【英文标题】:Howtohideorintegrategeolocationpermissionpopupintoabutton(Javascript+HTML)【发布时间】:2020-10-0803:00:31【问题描述】:我打算使用“允许访问我的位置”按钮来发送用户... 查看详情

如何让 Delphi SelectDirectory 显示隐藏目录和文件?

】如何让DelphiSelectDirectory显示隐藏目录和文件?【英文标题】:HowtoLetDelphiSelectDirectoryShowHiddenDirectoryandFiles?【发布时间】:2020-01-1619:16:06【问题描述】:我正在使用DelphiXE3。调用SelectionDirectory时,如下:Dir:=\'\';SelectDirectory(Dir,[],... 查看详情

如何在纯 JavaScript 中平滑滚动到元素

】如何在纯JavaScript中平滑滚动到元素【英文标题】:HowtosmoothlyscrolltoanelementinpureJavaScript【发布时间】:2019-01-1208:27:18【问题描述】:我想在不使用jQuery的情况下平滑滚动到一个元素——只是纯javascript。我想要一个通用函数能够... 查看详情

如何选择子表单记录并在弹出的主表单中显示

】如何选择子表单记录并在弹出的主表单中显示【英文标题】:Howtoselectasubformrecordanddisplayinapopupmainform【发布时间】:2017-10-2513:40:54【问题描述】:当您选择ID字段时,子表单记录必须显示在主表单中,就像您选择子表单记录时... 查看详情

javascript实现图片点击弹出

一直想给安装一个缩略图点击弹出的插件,但是找了找几乎都是用的php来做的,插件的使用和安装极其繁琐,于是上网查了些demo,自己实现了一个纯js的图片弹出插件。实现的思路是通过编写hook图片的onclick事件的函数,在函数... 查看详情

如何关闭浏览器javascript脚本和广告拦截

...级设置”——“网页内容高级设置”3、在弹出面板中,Javascript项即可选择允许或不允许运行Javascript,选择完成后点击右侧关闭按钮,退出自动保存选择,选择如图三、谷歌浏览器1、在地址栏输入chrome://settings,如下图2、点击... 查看详情

如何在纯 JavaScript 中切换元素的类?

】如何在纯JavaScript中切换元素的类?【英文标题】:HowdoItoggleanelement\'sclassinpureJavaScript?【发布时间】:2013-09-2317:22:27【问题描述】:我正在寻找一种方法来将此jQuery代码(用于响应式菜单部分)转换为纯JavaScript。如果难以实现... 查看详情

在弹出的 Laravel 中显示个人记录

...单个记录。数据显示在弹出窗口中,但它是错误的。我该如何解决这个问题?DashboardController.phppublicfunctionindex()$fronte 查看详情

如何使用 Phonegap 和 javascript 在 iPhone 上隐藏和显示键盘

】如何使用Phonegap和javascript在iPhone上隐藏和显示键盘【英文标题】:HowtohideandshowthekeyboardonaniPhoneusingPhonegapandjavascript【发布时间】:2013-04-0412:51:50【问题描述】:在我的Phonegap应用程序中,我有一个屏幕,如果用户在文本区域之... 查看详情

c#(winform)如何在弹出的对话框中显示选择的信息

参考技术A编辑信息窗体加个公共方法,方法用来设置控件的值,然后主窗体在弹出对话框之前,先调用这个公共方法,然后再显示 查看详情

如何在纯 JavaScript 中获取 div 的边距值?

】如何在纯JavaScript中获取div的边距值?【英文标题】:HowtogetmarginvalueofadivinplainJavaScript?【发布时间】:2012-12-2520:47:38【问题描述】:我可以在jQuery中使用$(item).outerHeight(true);但是我如何使用JS呢?我可以得到li的高度document.getElem... 查看详情

javascript此代码段显示了如何在纯javascript中实现面向对象的继承,以便可以继承正确的函数(代码片段)

查看详情

如何隐藏按下音量增大/减小按钮时弹出的消息

】如何隐藏按下音量增大/减小按钮时弹出的消息【英文标题】:howcanIhidethemessagethatspopoutwhenvolumeup/downbuttonpressed【发布时间】:2012-05-0809:59:33【问题描述】:我正在尝试制作一个在按下音量增大/减小按钮时使用该事件的应用程... 查看详情

在Javascript中隐藏一个按钮

】在Javascript中隐藏一个按钮【英文标题】:HidingabuttoninJavascript【发布时间】:2012-01-3021:20:54【问题描述】:在我最新的程序中,有一个按钮,单击时会显示一些输入弹出框。这些框消失后,如何隐藏按钮?【问题讨论】:你是... 查看详情