单击任意位置以关闭react中的下拉列表

文章/答案/技术大牛

发布

0回答

javascript、jquery、reactjs、ecmascript-6

我在一个页面上有多个自定义react构建下拉组件。我触发使用setState打开列表项 this.setState(prevState => ({ }))如果下拉菜单是在菜单打开时单击

浏览 7提问于2017-06-17得票数 8

回答已采纳

1回答

位置:粘性问题-元素出现错位

css

CSS中的粘性定位支持非常好，但有一些小问题！我在两列布局上使用position: sticky。我在设置为粘滞的部分中有一个select下拉列表，当页面滚动时，粘滞定位的div中的select将呈现远离其位置的位置，在div之外，它原本不需要任何滚动就会出现在那里。截图如下：当我单击任意位置以关闭<e

浏览 1提问于2017-08-08得票数 0

3回答

单击下拉列表中的textbox在ReactJS中无效

javascript、reactjs

我在react中创建了一个自定义下拉列表，其中在onClick上下拉打开，在onBlur上关闭它&我用react状态控制下拉列表的打开和关闭。现在，我想在用户单击下拉菜单以启用搜索功能时切换Textbox。问题是，当我单击textbox时，onBlur事件会在下拉菜单上启动并关闭。我试

浏览 1提问于2020-05-06得票数 0

回答已采纳

2回答

如何从React组件中将单击处理程序添加到主体中？

javascript、jquery、reactjs

我正在构建一个下拉菜单React组件，当用户单击该组件的DOM 以外的任何位置时，该组件应该会关闭。使用jQuery，我通常会在下拉菜单打开时向body添加一个事件侦听器，并在下拉菜单关闭时再次删除它。(事件侦听器本身关闭下拉列表-组件中的任何单击事件()都不会传播以防止主体单击处理程序触发。

浏览 8提问于2015-09-09得票数 21

回答已采纳

1回答

什么是关闭下拉菜单的最明智的方式，点击它的范围之外？

javascript、css、reactjs

我在React中创建了这个简单的下拉列表，所有操作都很好，直到我单击下拉列表的范围外。我在主体上添加了一个min-height: 100vh属性，以复制一个完整大小的页面。就像我说的，当我们单击页面中任何不是下拉菜单的位置时，关闭下拉菜单的</em

浏览 1提问于2022-04-03得票数 2

回答已采纳

3回答

下拉列表不关闭与ngx-chip角度2

angular、ngx-chips

我正在尝试使用作为基于标签的下拉列表。下面是我使用的代码： <tag-input-dropdown但是，当我尝试关闭下拉列表时，单击模型上的任意位置，它没有关闭。因此，我尝试

浏览 0提问于2018-04-09得票数 1

1回答

引导响应下拉关闭按钮

react-bootstrap

我是新的反应，我们的下拉列表之一是全屏幕上的移动视图，所以我们需要一个关闭按钮内的菜单。 e?.

浏览 1提问于2022-03-28得票数 0

回答已采纳

1回答

AngularJS -如何在浏览器的任何地方显示奇数次点击的元素？

javascript、jquery、html、angularjs

我有一个下拉栏，它包含“导航-下拉”类，当前显示这个名为" dropdown“的变量为true的时间(当单击导航栏时，下拉框的值被翻转)。因此，关闭下拉菜单的唯一方法是再次单击导航栏。有没有一种方法可以通过单击正文中的任意位置来关闭下拉列表？

浏览 1提问于2016-01-06得票数 0

1回答

在选择值后防止select关闭

javascript、reactjs、react-select

我已经使用react-select组件在Javascript React中创建了一个自定义下拉菜单。通过使用optionComponent支柱，我能够用复选框呈现每个选项(参见图像)。我现在的问题是，一旦您单击任何复选框，选择选项关闭，这不是一个很好的用户体验。图片：因此，我的问题是，在用户单击select右侧的箭头之前，是否有任何方法阻止下拉菜单关闭

浏览 4提问于2017-09-01得票数 1

2回答

当单击Icon时，它会切换expanded状态变量。expanded状态变量用于切换DropdownMenu。该DropdownMenu出现在Icon的下面。当用户在DropdownMenu外部单击时，onDismissRequest会运行。onDismissRequest切换expanded状态变量，从而关闭DropdownMenu。因此，再次单击该图标并不会关闭DropdownMenu：而是会打开它。DropdownMenuItem({ }) { Text("

浏览 18提问于2021-08-24得票数 0

回答已采纳

1回答

如何使Bootstrap下拉列表不隐藏在下拉列表中显示的react组件？

twitter-bootstrap、reactjs、redux、react-bootstrap

我有一个react组件(比如'x')，它封装在OverlayTrigger (单击触发器并出现在底部)中--引导(例如， =>搜索OverlayTrigger )。我使用引导下拉显示'x‘反应组件。(例如) 正如预期的那样，覆盖必须出现在点击x组件，但引导下拉关闭在同一时间。由于该覆盖出现在窗口的左上角位置和下拉式隐藏。是否有任何方法使覆盖点击不影响下拉框隐藏，但

浏览 9提问于2017-08-31得票数 0

回答已采纳

1回答

使下拉列表将元素向下推入页面

jquery、css

当您单击以查看选项时，是否可以将其下方的元素下拉下拉，然后当您“关闭”元素的下拉列表以返回到初始位置时？谢谢

浏览 1提问于2011-01-15得票数 0

回答已采纳

2回答

如何在单击任意位置时关闭下拉列表

vue.js、vuejs2

如何关闭单击任意位置时打开的下拉列表？}, this.addedForm = false; }, addForm,} 下拉列表

浏览 15提问于2020-09-29得票数 0

回答已采纳

1回答

React JS，单击显示元素的下拉列表

javascript、html、reactjs

我的问题是如何在单击span元素时显示静态dropdown，但是如何在不附加任何新DOM的情况下仅显示所单击元素的dropdown (并关闭打开的dropdown )。有人能帮个忙吗？到目前为止，我尝试的是。}) <div> </div>}; class Main extends React</em

浏览 13提问于2017-07-21得票数 1

回答已采纳

2回答

用水平线创建图表

vba、excel

我的工作表分别由两个枢轴表和两个图表组成。 Sub chart()Dim stable

浏览 1提问于2017-09-21得票数 0

回答已采纳

1回答

如果元素消失，如何为material-ui webelement编写xpath或cssSelector

selenium-webdriver、xpath、material-ui、dropdown、webdriver-io

MuiOutlinedInput-inputAdornedEnd" aria-autocomplete="list" autocapitalize="none" spellcheck="false" value="">aria-activedescendant='multiple-limit-tags-option-0' (this 0 to 20

浏览 0提问于2021-01-10得票数 0

5回答

单击iframe时，Bootstrap dropdown不会折叠

iframe、drop-down-menu、twitter-bootstrap

我在一个web应用上使用Bootstrap，它有一些包含iframe的页面。此时，我们无法删除iframe。Bootstrap下拉菜单可以很好地打开，但如果您单击页面中属于iframe的任何区域，则折叠事件不会触发。尝试单击以在iframe外的任何位置关闭菜单，然后在iframe内关闭菜单。注意: iframe内容似乎没有显示在小提琴中，但您可以看到我的</e

浏览 2提问于2012-07-06得票数 7

回答已采纳

7回答

以编程方式关闭下拉按钮

javascript、zurb-foundation

我正在使用这个zurb基础下拉按钮- 。但是，当用户单击下拉按钮本身之外或用户单击下拉列表中的某个项目时，我还需要关闭下拉列表，因此我需要一种方法以编程方式关闭单击事件上打开的下拉列表。为了以编程方式关闭打开的下拉<em

浏览 5提问于2013-08-01得票数 3

回答已采纳

1回答

React-bootstrap，如何关闭下拉菜单

reactjs、react-bootstrap

我使用来自react-bootstrap的DropdownButton来创建一个带有自定义内容的下拉列表。在内容中，用户可以选择各种选项，然后单击下拉菜单中的一个按钮以提交所选的选项。我面临的问题是，当用户单击提交按钮时，我无法关闭下拉菜单。这是我的代码： <DropdownButton

浏览 37提问于2019-09-24得票数 2

1回答

单击ContentwithReact.s时不要关闭模式

javascript、reactjs、modal-dialog

我创建了一个简单的react模式，但是当我单击模态内容时，它也关闭了它。我有一个带有类modal_wrapper的包装器div，它在打开模态时更改主体的背景，当我单击这个div模式中的任何位置时，这个div模式是关闭的。但是，当我单击modal_content div的任意位置时，模式也会关闭

浏览 1提问于2017-01-23得票数 0

回答已采纳

点击加载更多