原生js移动端弹窗插件

所属分类:UI-工具提示,弹出层

 35419  335  查看评论 (15)
分享到微信朋友圈
X
原生js移动端弹窗插件 ie兼容12

更新时间:2020/8/28 下午3:15:32

更新说明:为兼容低端安卓机增加了flex的样式

display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-moz-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-moz-box-align:center;
-ms-flex-align:center;align-items:center;

基于promise实现


调用方式如下

alert('请打开麦克风').then(() => {
      console.log('已确认')
})
confirm('请打开麦克风').then(() => {
       console.log('已确认')
}).catch(() => {
       console.log('已取消')
})
toast('请打开麦克风')
相关插件-工具提示,弹出层

按首字母搜索(仿携程)

城市查找按首字母搜索(仿携程)
  工具提示
 39492  435

jquery 工具提示插件awTooltip

awTooltip是一个工具提示插件,用css和jQuery插件创建的。 它可以显示工具提示右,左,顶部或底部的元素。 也可以使用彩色工具提示样式。
  工具提示
 32639  312

超漂亮的placeholders提示

超漂亮的placeholders提示
  工具提示
 33469  394

jquery自动关闭消息通知插件izitoast.js

iziToast.js是一款跨浏览器响应式消息通知插件。该消息通知插件体积小,使用简单。消息显示时带CSS3动画效果,时尚大方。
  工具提示
 38007  450

讨论这个项目(15)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    0
    2021/8/4 15:08:15
    cancelText 变量名和代码的一致啊,我还要去看你源码 回复
    czkji 0
    2021/1/25 22:40:26
    喜欢,能不能加一个按钮倒计时(就比如等倒计时后才可以点击按钮) 回复
    周波泽 0
    2020/10/15 15:36:22
    这个有问题,alert 和 confrim 函数和window自带的冲突,导致调用时出现有时候调用到系统自带的情况。希望能换两个函数名。
        /*var me = "deerwu"*/0
        2021/1/4 14:49:13
        浏览器本来的alert不好用也没什么用,我直接覆盖浏览原来函数
    回复
    雨纷飞(尚波) 0
    2020/7/12 0:06:09
    支持手机就不错.微信重新封装了系统的alert,总是出现"关闭网页",急需替代.
        周波泽0
        2020/10/15 15:38:46
        函数名称冲突了
    回复
    Kriswintf 0
    2019/6/6 11:13:31
    sorry,没金币啦
        /*var me = "deerwu"*/1
        2020/8/31 15:27:09
        打开打开浏览器控制台把message.js保存下来,然后引入到html里面就可以用了
        别闹!??0
        2022/5/9 19:40:27
        我也没了
    回复
    守望者 0
    2019/4/10 19:06:17
    苹果上效果怎样啊
        /*var me = "deerwu"*/0
        2020/8/31 15:28:31
        安卓ios都可以用,效果是完全一样的
    回复
    树上的风筝 0
    2019/3/13 17:53:54
    这个是官网吗?还是学习社区
        /*var me = "deerwu"*/0
        2020/8/31 15:28:51
        个人作品没有官网
    回复
    神殇 0
    2019/3/6 20:49:54
    不支持ie浏览器??
        /*var me = "deerwu"*/1
        2020/8/31 15:29:57
        用了flex布局写的,ie10以上可以用
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复