的JavaScript（）的onclick隱藏元素 - 不會在Firefox

Question

工作，我的JavaScript的onclick顯示和隱藏定義style.display = "inherit"; 而style.display = "none"; ..元素

「隱藏」功能也當按下ESC鍵運行.. 一切都在鉻，歌劇等工作正常..除了FIREFOX ..

window.onload=function() { 
    document.body.onkeyup = key_event; 
    } 

    function showDiv() { 
     document.getElementById('PhotoFull').style.display = "inherit"; 
     event.stopPropagation(); 
    } 

    function hideDiv() { 
     var target = event.target || event.srcElement; 
     if (event.currentTarget == target) { 
       document.getElementById('PhotoFull').style.display = "none"; 
     } 
    } 

    function key_event(e) { 
     if (e.keyCode == 27) hideDiv(); 
     } 

showDiv（）的作品，但hideDiv不..

HTML：

<div id="PhotoFull" style="position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.75); display:none; z-index: 999;" onclick="hideDiv()"> 
     <div style='width: 1000px'> 
      SOME CONTENT 
     </div> 
</div> 

這裏是的jsfiddle：http://jsfiddle.net/5e6ww93h/2/

感謝關注

Answer 1

Syntaxically，你必須通過事件OBJ您hideDiv功能

function hideDiv(event) { 
    var target = event.target || event.srcElement; 
    if (event.currentTarget == target) { 
      document.getElementById('PhotoFull').style.display = "none"; 
    } 
} 

function key_event(e) { 
    if (e.keyCode == 27) hideDiv(e); 
} 

Answer 2

嘗試以下

window.onload=function() { 
    document.body.onkeyup = key_event; 
    } 

    function showDiv() { 
     document.getElementById('PhotoFull').style.display = "inherit"; 
     event.stopPropagation(); 
    } 

    function hideDiv(e) { 

     var target = e.target || e.srcElement; 

     if (e.currentTarget == target) { 
       document.getElementById('PhotoFull').style.display = "none"; 
     } 
    } 

    function key_event(e) { 
     if (e.keyCode == 27) 
         hideDiv(e); 
       } 

提琴手： - http://jsfiddle.net/5e6ww93h/4/