如何解决在beforeunload事件上显示什么元素?
我使用 on('beforeunload')
在用户尝试关闭我的页面的标签时触发提示。我认为这是一个系统警报,它是 Fragment Result API guide。
这是什么类型的元素,是否可以在我的应用程序中的其他地方使用这种样式作为警报或提示?我找不到任何关于它的信息。 alert
或 prompt
看起来完全不同。
这是 Safari 上的东西:
这也是 Safari 的“默认”警报,丑陋 10 倍:
解决方法
prompt
和 alert
对话框是浏览器模式。我能想到的所有浏览器实现都不会在 HTML 页面中显示模式,而是作为主窗口顶部的单独 GUI 对话;因此模态在文档范围之外,不能被样式定位。
https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#simple-dialogs 中的 HTML 动态规范仅声明,在调用 prompt
或 alert
时,消息应该是可配置的。如果任何浏览器实现了为警报模式配置样式的能力,这将超出规范和非标准功能。
简而言之:规范不包括对话的样式配置,也没有浏览器供应商实施它。
也许您可以在页面内的所有其他元素之上创建一个具有所需样式的固定元素,并使用函数来显示/隐藏该元素而不是内置的 alert()
。
function alert2( msg ) {
const modal = document.getElementById( 'modal' )
modal.innerHTML = typeof msg === 'string' ? msg : 'Alert!!'
modal.style.display = 'block'
}
...
alert2( 'This is an alert' )
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。