1. 程式人生 > >用JS遮蔽backspace(退格刪除)鍵或某一個指定鍵的完美程式碼

用JS遮蔽backspace(退格刪除)鍵或某一個指定鍵的完美程式碼

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

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

上面的這個文字域只是用來向用戶展示一些資訊的,使用者不能對其進行更改,所以加上了“readonly='readonly'”的只讀屬性,但是在IE8下面,從外觀上是看不出來它和其它正常文字域的區別的,所以有的使用者可能會對其進行一些刪除或者新增內容的一些操作,比如當游標位於這個只讀屬性的文字域內時,如果使用者按下了backspace(退格刪除鍵),那麼就會導致整個瀏覽器的後退,會讓人很是鬱悶,這時我們要做的就是遮蔽這個只讀文字域上的一些指定的鍵,使使用者按下這些鍵時不會引起瀏覽器的退後,重新整理,或者前進等動作。

<input class="input w350" type="text" readonly="readonly" onkeydown="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(退格刪除鍵)時就不會引起瀏覽器的後退了。