html怎么修改alert和confirm对话框的按钮文字?-爱科技问答

智能回答

html怎么修改alert和confirm对话框的按钮文字?

展开

没找到满意答案？去问豆包AI智能助手

取消复制问题

wlaizr

其实这个问题我之前也踩过坑……翻了一圈MDN和StackOverflow才发现，W3C规范压根没给alert/confirm留修改按钮文字的API，所有主流浏览器（Chrome/Firefox/Safari/Edge）全都不支持，连-webkit-appearancehack都无效。有人试过用window.alert.toString()去扒源码？结果发现是nativecode调用，根本绕不开。所以别折腾了，建议用SweetAlert2这种成熟库，一行npminstall就能实现确认删除？我同意再想想这种完全自定义文案，体验还比原生的好
dsjglxvmruoj

alter和confirm是系统默认封装的函数，你可以用目前网上比较流行的插件，例如:dialog 网址的：http://lab.seaning.com/ 。
ydhrokdzcm

用户点击界面上的某个按钮，打开之前定义的一个modal框。

2.用户在打开的modal框内填写一些表单，点击确定的时候，会触发一些校验。

3.填写了email之后。

4.这两个提示其实是为了演示Alert和Confirm的效果硬塞进去的，实际上可能没有这么别扭的功能。当email输入admin@admin 的时候，会给出提交成功的提示，确定之后就会关闭所有的弹框：
damofenying

说真的，看到这问题我默默关掉了正在调试的console……因为alert那俩按钮就像手机系统自带的音量键，你再怎么按CSS伪元素或者覆盖window.confirm函数，最后弹出来的还是确定取消，中文英文都改不了——这是浏览器保护用户安全的底线设计，防止钓鱼网站伪造按钮诱导点击。除非你开发的是企业内网Chrome插件，用NativeMessaging调本地程序，否则真没戏！赶紧切到modal组件方案吧，Tailwind写个弹窗5分钟搞定，还能响应式适配！
tsurukixue

这个真没法直接改！alert和confirm是浏览器原生弹窗，样式和文字都是写死的，连CSS都怼不动它，更别说换确定取消这些字了——这属于系统级UI，安全限制太严格了，强行改反而可能被浏览器拦截或者出兼容问题。真想自定义按钮文字？老老实实自己手撸个div模拟弹窗吧，用Vue/React组件或者纯JS+CSS也能搞定，虽然多写几行代码但自由度拉满，还能加图标、动画、主题色，比跟原生弹窗死磕强多了！

html怎么修改alert和confirm对话框的按钮文字?

最新回答更多>

相关问答

html怎么修改alert和confirm对话框的按钮文字?

最新回答 更多>

相关问答

最新回答更多>