heguangbo / js.message

一款原生js增强插件,重写alert和confirm

js.message

• 一款原生js增强插件，forked from bailinx/js.message
• 重写alert和confirm

使用方法

引入插件地址

<script type="text/javascript" src="js/message.js"></script>

初始化方法如下：

window.alert = function(msg, callBack) {
    var message = new Message();
    message.alert(msg, callBack);
}
window.confirm = function(msg, callBack) {
    var message = new Message();
    message.confirm(msg, callBack);
}
function funAlert() {
    alert("操作已成功", function() {
        console.log('操作已成功');
    });
}
function funConfirm() {
    confirm("操作已成功", function(result) {
        if(result) {
            console.log('点击确定! - ' + '结果:' + result + (new Date()).valueOf());
        } else {
            console.log('点击取消! - ' + '结果:' + result + (new Date()).valueOf());
        }
    });
}

已知问题

• 组件无法阻塞页面(若用Interval模拟，太消耗内存，得不偿失，后续考虑加入回调方法)(v1.0.0)
• 组件中(匿名)事件重复绑定问题(v1.0.1)

更新日志

Message v1.0.3 -2020/7/21

• 修改图标
• 修改按钮CSS样式，不再使用图片背景
• alert可以设置图标，并且修正仅第一次会显示图标，再次用alert不显示图标的问题

Message v1.0.2 -2015/12/02

• 完善内部事件处理方法
• 修改完善逻辑
• 修改遗留Bug

Message v1.0.1 -2015/11/30

• 新增alert回调方法
• 完善confirm部分
• 考虑合并dialog dom生成(太多相似)

Message v1.0.0 - 2015/11/25

• 创建项目及完善alert逻辑