js创建确认消息。 我构建了一个Web应用程序,用户可以在其中更改图形的2个边界(使用更新按钮)。 当用户单击更新按钮时,会出现确认消息并要求用户确认此更改。
问题是当我点击'ok'或'取消'时无关紧要并且不会改变标志并且无论如何都会发生边界的变化(因为标志的初始值为真)。 console.log的消息,我已经知道该应用程序不会等待用户响应并继续执行其他代码行... 我试图将我的所有代码放在我发送的alertify函数(e)中,但它仍然不适用于我。 这是我的代码:
Alarm.prototype.updateAlarm=function(_limits){
var n=null;
var str="";
var changed_flag=false;
//create confirm dialog:
var engLimitMsg_1=" Upper Limit:";
var engLimitMsg_2=" Lower Limit:";
var hebLimitMsg_1=" גבול עליון:";
var hebLimitMsg_2=" גבול תחתון:";
var user_confirm=true;
var confirmMSG="";
if(_limits.length>=2){
if(this.language_mode==HEB_MODE){
confirmMSG+=ENG_CONFIRM_MSG;
if(IsNumeric(parseInt(_limits[0]))){
confirmMSG+=engLimitMsg_1+_limits[0];
}
if(IsNumeric(parseInt(_limits[1]))){
confirmMSG+=engLimitMsg_2+_limits[1];
}
}
else{
confirmMSG+=ENG_CONFIRM_MSG;
if(IsNumeric(parseInt(_limits[0]))){
confirmMSG+=engLimitMsg_1+_limits[0];
}
if(IsNumeric(parseInt(_limits[1]))){
confirmMSG+=engLimitMsg_2+_limits[1];
}
}
alertify.confirm(confirmMSG, function (e) {
if (e) {
// user clicked "ok"
user_confirm=true;
console.log("user clicked ok");
} else {
// user clicked "cancel"
user_confirm=false;
console.log("user clicked cancel");
}
});
//user has confirm the change!
if(user_confirm){
for (var i=0;i<_limits.length;i++){
if(IsNumeric(parseInt(_limits[i]))){
n=this.msgs[i].indexOf(this.limits[i].toString());
this.limits[i]=_limits[i];
this.msgs[i]=this.msgs[i].slice(0,n)+this.limits[i];
changed_flag=true;
}
}
}
// clean past alerts in case of change limits.
if(changed_flag)
this.cleanPastAlerts();
if(DEBUG_MODE)
console.log("alarms update: upperLimit:"+this.limits[0]+" lowerLimit:"+this.limits[1]);
}
else{
console.log("Error occurred!, array length is less than 2");
}
};
注意:这是我有时会得到的错误:
Uncaught TypeError: Cannot read property 'removeEventListener' of undefined
答案 0 :(得分:1)
您可以使用JavaScript内置的确认消息框吗?如果是这样,那很简单。
if (confirm("Press OK to accept"))
alert("You accepted!");
else
alert("You declined!");
答案 1 :(得分:1)
js在浏览器中从js确认停止执行js。当您使用“自定义确认”(js库确认)时,“自定义确认”下面的代码会继续执行,这就是您在那里获取消息的原因,因为它一直在执行并且您在函数内部定义了变量,当js尝试使用它们时,它显示“未定义的变量”。
你必须在alertfy中插入所有代码以确保它正常工作(我没有检查下面的代码,所以,请小心谨慎):
alertify.confirm(confirmMSG, function (e) {
if (e) {
// user clicked "ok"
user_confirm=true;
console.log("user clicked ok");
for (var i=0;i<_limits.length;i++){
if(IsNumeric(parseInt(_limits[i]))){
n=this.msgs[i].indexOf(this.limits[i].toString());
this.limits[i]=_limits[i];
this.msgs[i]=this.msgs[i].slice(0,n)+this.limits[i];
changed_flag=true;
}
// clean past alerts in case of change limits.
if(changed_flag) {
this.cleanPastAlerts();
}
}
} else {
// user clicked "cancel"
user_confirm=false;
console.log("user clicked cancel");
}
});
if(DEBUG_MODE)
console.log("alarms update: upperLimit:"+this.limits[0]+" lowerLimit:"+this.limits[1]);