dialog 相关问题

TL；博士哪些元素可以嵌套在元素内？当我查看这样的示例时，这个和这个都将像、和这样的元素放置为子元素 TL；博士 <dialog>元素中可以嵌套哪些元素？当我查看像 this、this 和 this 这样的示例时，它们都将 <h3>、<p> 和 <button> 等元素放置为 <dialog> 元素的子节点。但是，Visual Studio (2013) 智能感知仅列出以下元素：内容 dd dt 影子模板 <!DOCTYPE html> <html> <head> <title></title> </head> <body> <dialog role="dialog"> <content></content> <dd></dd> <dt></dt> <shadow></shadow> <template></template> </dialog> </body> </html> 现在，如果我将 <div> 元素添加到 <dialog> 元素 <dialog role="dialog"> <div></div> </dialog> Visual Studio 会抱怨：元素“div”不能嵌套在元素“dialog”内。 div 元素根本没有特殊含义。它代表它的孩子。它可以与 class、lang 和 title 属性一起使用来标记一组连续元素共有的语义。我也查看了W3文档但无济于事。所以我再问：<dialog>元素内可以嵌套哪些元素？ dialog元素不属于任何批准的规范（建议）。最接近标准的是 HTML 5.1 草案，您引用了该草案，其中表示允许任何“流内容”。这意味着几乎可以放入文档正文中的任何内容，当然包括div。 WHATWG“HTML 生活标准”dialog的描述具有相同的内容模型。 Visual Studio 显然有自己的想法 dialog。无论如何，浏览器支持（或缺乏）目前使得dialog毫无用处，除非在实验和有限的上下文中（例如设计为在特定浏览器上运行的应用程序）。 2022 年更新：<dialog> 确实在我们的浏览器中实现了生产就绪支持：https://caniuse.com/dialog 并且根据规范，可以使用任何流程内容。

html visual-studio-2013 dialog

回答 2 投票 0

尝试制作动态对话框bash菜单（表单、输入、信息、fselect）

我想制作一个脚本来添加一些书籍或文件夹到calibredb，我想使用带有对话框的bash gui。我是个新手，正在自学，所以代码可能很奇怪。我的 main_menu 看起来像这样：

bash user-interface dialog calibre

回答 1 投票 0

NextJS 和 ChakraUI 当用户离开未保存更改的页面时显示警报对话框

我有一个nextJS记录页面。如果用户对输入进行了更改，然后单击链接或返回，我希望显示一个对话框并询问他们是否要离开页面。如果他们...

javascript reactjs next.js dialog chakra-ui

回答 1 投票 0

如何在p:dialog中显示消息？

我需要您的帮助来在对话框中显示错误消息。单击命令按钮后，对话框中不会显示任何消息。尽管我尝试在对话框中显示该消息，但什么都没有......

jsf jsf-2 primefaces dialog message

回答 2 投票 0

取消文件输入时，HTML 对话框会自动关闭。如何预防？

如果您在对话框中输入了文件，取消文件选择会以某种方式关闭对话框。为什么会发生这种情况？如何防止这种情况发生？如果您在对话框中输入了文件，取消文件选择会以某种方式关闭对话框。为什么会发生这种情况，如何预防？ <dialog open> <input type="file"> </dialog> 编辑：该对话框在 Firefox 中保持打开状态（如预期）。该对话框在 Chrome 中关闭（意外）。我实际上也遇到了完全相同的问题。我怀疑这是由于当用户取消文件选择时输入触发 cancel 事件引起的。这个 cancel 事件冒泡到对话框中，它错误地认为它是针对自己的，因此过早关闭。这个问题似乎只出现在 Chromium 浏览器中，因为正如您提到的，这种行为在 Firefox 中不会发生。发生这种情况时，会触发对话框的 cancel 事件，但该事件具有输入目标。这对于检测对话框是否即将提前关闭非常有用，并以布尔变量的形式引发标志。 const dialog = document.getElementById("dialog"); let prematurelyClosed = false; dialog.addEventListener("cancel", (e) => { if(e.target !== dialog) prematurelyClosed = true; // or simply prematurelyClosed = e.target !== dialog }) 这样，当对话框的 close 事件被调用时，我们可以检查标志是否被提升。如果是，我们就知道该对话框是在不应该关闭的情况下关闭的，并阻止它。然而，似乎“防止”它的唯一方法是来自 @underflow 的答案，我们需要立即重新打开模式。除此之外我还没有找到任何其他方法。至少使用此方法，我们只需要在这种特定情况下重新打开它，并在其他所有情况下正确关闭它，例如用户按下 Esc 或者按钮调用 dialog.close()。 dialog.addEventListener("close", (e) => { if(prematurelyClosed){ dialog.showModal(); prematurelyClosed = false; } }) 所以最后，我最终解决了我的问题，希望可以帮助你。 const dialog = document.getElementById("dialog"); let prematurelyClosed = false; dialog.addEventListener("cancel", (e) => { if(e.target !== dialog) prematurelyClosed = true; // or simply prematurelyClosed = e.target !== dialog }) dialog.addEventListener("close", (e) => { if(prematurelyClosed){ dialog.show(); prematurelyClosed = false; } }) <dialog open id="dialog"> <input type="file"> <button onclick="dialog.close()">Close</button> </dialog> 找到了一种在单击取消或Esc后保持对话框/模式打开的好方法 const dialog = document.getElementById("dialog"); dialog.addEventListener('close', (e) => { dialog.showModal(); }); const closeButton = document.querySelector(".close"); closeButton.addEventListener("click", () => { dialog.style.display = "none"; }); <dialog id="dialog" open> <input type="file" /> <button class="close">Close</button> </dialog> 在这种特定情况下，手动关闭模式的最佳方法是通过 CSS。我在开发的 Angular 应用程序中也遇到了同样的问题。本质上，来自输入的取消事件正在冒泡到调用组件。我通过在输入组件上使用主机侦听器来侦听并停止将事件传播到我的其他组件来解决这个问题。 @HostListener('cancel', ['$event']) onCancel(event: Event){ console.log('Cancel host listener.'); event.stopImmediatePropagation(); };

html dialog

回答 3 投票 0

取消文件选择器会导致步进器对话框关闭

我正在开发一个 Angular Web 应用程序，它通过 Nebular Stepper 组件收集数据。其中一个步骤允许用户使用包含 type=&quo...

angular dialog angular-components filepicker nebular

回答 1 投票 0

使用powershell写入excel时防止覆盖弹出窗口

我有一堆 csv 文件，我正在将数据写入现有 Excel 文件的特定工作表中。我有下面的代码，它可以在循环 CSV 文件和写入数据时工作

windows excel csv powershell dialog

回答 3 投票 0

检测后退按钮但不关闭对话框片段

我有一个浮动对话框的对话框片段，其中包括一个特殊的键盘，当用户在 EditText 字段内按下时会弹出该键盘（正常的 IME 停止显示）。我会...