當我們的網頁內有一個只讀屬性的表單時，如下：

<input type="text" readonly="readonly" name="HuoShangName" id="HuoShangName" />

上面的這個文本域只是用來向用戶展示一些信息的，用戶不能對其進行更改，所以加上了“readonly='readonly'”的只讀屬性，但是在IE8下面，從外觀上是看不出來它和其它正常文本域的區別的，所以有的用戶可能會對其進行一些刪除或者添加內容的一些操作，比如當光標位于這個只讀屬性的文本域內時，如果用戶按下了backspace（退格刪除鍵），那么就會導致整個瀏覽器的后退，會讓人很是郁悶，這時我們要做的就是屏蔽這個只讀文本域上的一些指定的鍵，使用戶按下這些鍵時不會引起瀏覽器的退后，刷新，或者前進等動作。

<input class="input w350" type="text" readonly="readonly" οnkeydοwn="PingBi('8')" name="HuoShangName" id="HuoShangName" />

上面的代碼中，onkeydown表示的是當按下按鍵時的意思，下面來JS函數pingbi的具體代碼，也是非常簡單的：

function PingBi(id){var k=window.event.keyCode;if(k==id){window.event.keyCode=0;window.event.returnValue=false;return false;} }

好了，這樣當光標位于只讀屬性的文本域內時，用戶按下backspace（退格刪除鍵）時就不會引起瀏覽器的后退了。

總結

以上是生活随笔為你收集整理的用JS屏蔽backspace(退格删除)键或某一个指定键的完美代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。