javascript stopPropagation/cancelBubble/preventDefault在Firefox中未启用

Question

我试图创建一个弹出窗口，当用户点击取消时将阻止用户转到结果页面。此代码适用于Chrome，Safari，Opera，Microsoft Edge和Internet Explorer 11，但不适用于Firefox。

function leavingAlert(){ 
var check = confirm("You are about to leave the site! You may be going to a website that doesn't provide security. Do you wish to continue?"); 
if(check){ 
this.target="_blank" 
    return true;  
}else{ 
event.cancelBubble = true; 

    return false; 
} 
} 
//WORKING FOR ALL NON-IFRAME LINKS 
var container = document.getElementById("wrapper"); 
var allATags = wrapper.getElementsByTagName("A"); 


for(var i = 0, len = allATags.length; i < len; i++){ 
    var link = allATags[i]; 
    //var pat = /^https?:\/\//i; 
    var pat = new RegExp("https://example.com"); 
    var pat2 = new RegExp("javascript"); 
    if(!pat.test(link.href)){ 
     if(!pat2.test(link.href)){ 
      link.onclick = leavingAlert; 

     } 
    } 

} 

我也用这些代替event.cancelBubble没有运气：

event.preventDefault ? event.preventDefault() : event.returnValue = false; 

和

event.stopImmediatePropagation; 

和

event.stopPropagation; 

当我实现这个代码我目前无法使用jQuery所以在纯Javascript中的答案将是首选谢谢！

Answer 1

使用event作为全局变量不是标准的Javascript，它不在Firefox中实现。它应该作为onclick处理程序的参数进行访问。

function leavingAlert(event){ 
    var check = confirm("You are about to leave the site! You may be going to a website that doesn't provide security. Do you wish to continue?"); 
    if(check){ 
     this.target="_blank"; 
     return true;  
    }else{ 
     event.cancelBubble = true; 

     return false; 
    } 
} 

Answer 2

这个问题似乎涉及到的getElementsByTagName（“A”），但在FF的实现是区分大小写的

var allATags = wrapper.getElementsByTagName("a");