popover 相关问题

弹出窗口是一个视觉上类似于弹出窗口的GUI元素，除了弹出窗口是绘制它的页面的一部分，即使它可能会模糊它的一部分。

所以我在页面上有几个 bootstrap 5 弹出窗口，使用下面的代码启动。让 popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')); 让popoverLi...

twitter-bootstrap popover

回答 1 投票 0

使用 popover api 和 `<div role="button">` 作为调用元素

使用 popover api 时，我想用打开一个 popover，但这似乎不起作用。这是尝试此操作的片段。使用 popover api 时，我想用 <div role="button"> 打开一个 popover，但这似乎不起作用。这是尝试此操作的片段。 <div role="button" popovertarget="mypopover" style="border: 1px solid black; cursor: pointer;">Broken toggle</div> <button popovertarget="mypopover">Happy toggle</button> <div id="mypopover" popover>Popover content</div> 似乎只有当 <button> 是调用元素时才有效。有人知道调用元素是否可以是其他元素而不是<button>？选择在 HTML 中使用哪个标签不仅仅是一个语义问题。许多元素还具有内置行为，这些行为也在 JavaScript 中的元素上公开。虽然可以通过像 role 这样的属性对元素的语义进行一些控制，但这不会改变它们的实际行为。对于 Popover API，有一个限制，即只有 <button> 和 <input> 元素才能具有 popovertarget 属性。 MDN 关于 Popover API 的页面对此进行了记录。像往常一样，可以使用无效标签编写 HTML，但浏览器只会忽略这些标签。类似于如果您尝试将 href 属性放在 <p> 标签上，它不会变成链接。在使用 role 更改元素的语义时，您应该非常仔细、非常慎重地思考，而不是首先使用适当的元素。在本应使用 <div> 的地方使用 <button> 的示例中，您会丢失按钮中内置的多项功能，例如能够接收键盘焦点以及将某些按键视为“单击”事件。对于使用键盘而不是鼠标等指针设备的人来说，这些是非常重要的辅助功能，例如因为他们可能是盲人或有运动障碍。可以通过提供元素 tabindex="0" 并添加事件侦听器来处理这些键盘事件等方法来复制这些内容，但仅使用 <button> 会更容易。如果问题只是样式之一（根据我的经验，当人们避免将 <button> 元素用于真正应该使用的元素时，通常会出现这种情况），那么最好通过 CSS 来解决该问题。如果您也是这种情况，那么您可能有兴趣了解 unset CSS 属性，该属性现在所有现代浏览器都支持，并且可以更轻松地应用“clean slate”样式到一个按钮。我遇到了类似的问题，我有一个无法更改为按钮的自定义元素。我最终所做的是将按钮放入我的自定义元素中。在您的情况下，您可能只需将按钮放在 div 内即可。这是根据我的建议更新的片段： <div role="button" popovertarget="mypopover" style="border: 1px solid black; cursor: pointer;">Broken toggle</div> <button popovertarget="mypopover">Happy toggle</button> <div><input type="button" popovertarget="mypopover" value="Happy toggle inside a div" style="border: 1px solid black; cursor: pointer;"/></div> <div id="mypopover" popover>Popover content</div>

html popover

回答 2 投票 0

SwiftUI：更改弹出窗口箭头颜色

在 SwiftUI 中，如何更改将弹出框连接到其锚点的箭头的颜色？当在 SwiftUI 之外使用底层 UIPopoverController 时，我相信它是由

ios macos formatting swiftui popover

回答 2 投票 0

在流畅的用户界面中单击外部时，弹出窗口未关闭

我在我的 React 应用程序中使用流畅的 ui 弹出组件。当我在弹出窗口组件外部单击时，它不会关闭。尽管在文档中，相同的代码可以按预期工作。这里...

popover fluent fluent-ui fluentui-react

回答 1 投票 0

为什么 SwiftUi 视图在从 swipeActions 调用的弹出窗口中更改值后不更新？

在下面的代码中，我希望我的 ContentView 在调用“Update”swipeAction 后更新，这反过来又可以更新所选国家/地区的人口值。正确的值...