js监听点击了那个按钮（知道的进）

Question

我想模仿confirm()函数，弹出了DIV小窗口上面有确定和取消两个按钮，我想根据点击不同按钮，然后返回true或者false，怎样判断点击了那个了那个按钮？

Answer 1

思路不对。
自己弹出的div。不可能像confirm那样阻止线程。用 回调函数吧。Confirm(msg,title,confirmFun,cancelFun){}

Answer 2

写个全局变量  如  var boolConfirm = false;点击确定按钮  就让 boolConfirm = true;
点击取消俺   就让 boolConfirm = false;if(boolConfirm == true){
//点击了确定按钮
}

Answer 3

思路不对。
自己弹出的div。不可能像confirm那样阻止线程。用 回调函数吧。Confirm(msg,title,confirmFun,cancelFun){}

Answer 4

写个全局变量  如  var boolConfirm = false;点击确定按钮  就让 boolConfirm = true;
点击取消俺   就让 boolConfirm = false;if(boolConfirm == true){
//点击了确定按钮
}

Answer 5

这个是要自己封装的 先封装这个带确定和取消的弹出窗口函数(假设叫myWindow)通常都是DIV模拟function myWindow(title,content,handler){
   //div部分略
    确定的onclick = "handler('OK')"
    取消按钮的onclick = "handler('Cancel')"
}
myWindow.("标题","内容",function(btn){
   if(btn == "OK"){
     //确定的逻辑
   }else{
      //取消的逻辑
    }
})

Answer 6

function(){
....
}

Answer 7

不是那样的，我先要掉用函数弹出来了DIV，怎么让那个函数停在哪里等待浏览器这边点击按钮再做出判断，然后把判断的结果作为这个函数的返回值，就像confirm()那样的，弹出消息框，然后返回true或者false

Answer 8

     function confirm(message, callback){
     var create = function(){
     return document.createElement.apply(document, arguments);
     }
     var dialog = create("div"),
     messageBox = create("p"),
     okBubbton = create("button"),
     cancelButton = create("button");
     dialog.style.cssText = "position: absolute; top: 200px; left: 600px; width: 200px; height: 150px; border: 1px solid gray;";
     messageBox.innerHTML = message;
     okBubbton.innerHTML = "OK";
     cancelButton.innerHTML = "Cancel";
     okBubbton.onclick = function(){
     callback(true);
     dialog.parentNode.removeChild(dialog);
     }
     cancelButton.onclick = function(){
     callback(false);
     dialog.parentNode.removeChild(dialog);
     }
     dialog.appendChild(messageBox);
     dialog.appendChild(okBubbton);
     dialog.appendChild(cancelButton);
     document.body.appendChild(dialog);
     }
     function confirmListener(result){
     alert(result);
     }
     confirm("confirm test", confirmListener);

Answer 9

     function confirm(message){
     var create = function(){
     return document.createElement.apply(document, arguments);
     }
     var dialog = create("div"),
     messageBox = create("p"),
     okBubbton = create("button"),
     cancelButton = create("button");
     dialog.style.cssText = "position: absolute; top: 200px; left: 600px; width: 200px; height: 150px; border: 1px solid gray;";
     messageBox.innerHTML = message;
     okBubbton.innerHTML = "OK";
     cancelButton.innerHTML = "Cancel";
     okBubbton.onclick = function(){
     callback(true);
     dialog.parentNode.removeChild(dialog);
     }
     cancelButton.onclick = function(){
     callback(false);
     dialog.parentNode.removeChild(dialog);
     }
     dialog.appendChild(messageBox);
     dialog.appendChild(okBubbton);
     dialog.appendChild(cancelButton);
     document.body.appendChild(dialog);
     }
     function callback(result){
     alert(result);
     }
     confirm("confirm test");