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

來源:互聯網
上載者:User

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

<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(退格刪除鍵)時就不會引起瀏覽器的後退了。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.