如何在所有的頁面禁用鍵除了文本框

Question

在我的網站我用下面的代碼：

<script type='text/javascript'> 
    document.onkeydown = function (e) 
    { 
    return false; 
    } 
    </script> 

    <script type='text/javascript'> 
    document.onkeyup = function (e) 
    { 
    return false; 
    } 
</script> 

我的網站上標題，不過，我希望用戶只能夠輸入聊天文本框和其他地方。聊天文本框的代碼是：

<div style="-moz-user-select: none; -webkit-user-select: none; -ms-user- 
    select:none; user-select:none;-o-user-select:none;" unselectable="on" 
    onselectstart="return false;" onmousedown="return false;"> 

    <script type='text/javascript'> 
    document.onkeydown = function (e) 
    { 
    return true; 
    } 
    </script> 

    <script type='text/javascript'> 
    document.onkeyup = function (e) 
    { 
    return true; 
    } 
    </script> 

<script type="text/javascript" async> ; 
(function(o,l,a,r,k,y) 
{if(o.olark)return; 
r="script";y=l.createElement(r);r=l.getElementsByTagName(r)[0]; 
y.async=1;y.src="//"+a;r.parentNode.insertBefore(y,r); y=o.olark=function() 
{k.s.push(arguments);k.t.push(+new Date)}; y.extend=function(i,j) 
{y("extend",i,j)}; y.identify=function(i){y("identify",k.i=i)}; 
y.configure=function(i,j){y("configure",i,j);k.c[i]=j}; k=y._={s:[],t:[+new 
Date],c:{},l:a}; })(window,document,"static.olark.com/jsclient/loader.js"); 
/* custom configuration goes here (www.olark.com/documentation) */ 
olark.identify('2624-366-10-5413'); 
</script> 

<script type='text/javascript'> 
document.onkeydown = function (e) { 
    return false; 

} 


</script> 
<script type='text/javascript'> 
    document.onkeyup = function (e) 
{ 
    return false; 
} 
</script> 

這是我迄今爲止編寫的完整代碼。

Answer 1

看一看這個JSFIDDLE

JAVASCRIPT： -

document.onkeyup = function(e){ 
    console.log(e.target); 
    if(e.target.tagName == "INPUT"){ 
    console.log(e.target.type); 
    if(e.target.type == "text"){ 
     alert("Can press the key"); 
     return true; 
    } 
    } 
alert("Can't press the key"); 
return false; 
} 

document.onkeydown = function(e){ 
if(e.target.tagName == "INPUT"){ 
    console.log(e.target.type); 
    if(e.target.type == "text"){ 
     alert("Can press the key"); 
     return true; 
    } 
    } 
alert("Can't press the key"); 
return false; 
} 

HTML： -

<input type="text" /> 
<textarea></textarea>