原生js移动端弹窗插件

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

 34036  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('请打开麦克风')
相关插件-工具提示,弹出层

仿win10侧边滑出提示框

一款模拟win10的消息提示框toastr
  工具提示
 28402  375

按首字母搜索(仿携程)

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

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 47012  407

jquery 工具提示插件awTooltip

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

讨论这个项目(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以上可以用
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复