首頁  >  文章  >  web前端  >  如何跨瀏覽器辨識 JavaScript 中按下的字元鍵?

如何跨瀏覽器辨識 JavaScript 中按下的字元鍵?

Barbara Streisand
Barbara Streisand原創
2024-10-27 01:53:30284瀏覽

How to Identify the Pressed Character Key in JavaScript Across Browsers?

在Javascript 中辨識按下的字元鍵

使用純Javascript 以跨瀏覽器相容的方式偵測按下的字元鍵可以透過以下步驟:

解決方案:

要實現此目的,我們根據所使用的瀏覽器使用兩種方法:

  1. 網際網路Explorer: 如果window.event 物件可用,則擷取事件物件的keyCode 屬性。
  2. Netscape/Firefox/Opera: 如果 e.which 屬性存在,請利用它來擷取字元鍵碼。

範例程式碼:

以下程式碼片段示範了實作:

<code class="javascript">function myKeyPress(e) {
  var keynum;

  if (window.event) { // IE
    keynum = e.keyCode;
  } else if (e.which) { // Netscape/Firefox/Opera
    keynum = e.which;
  }

  alert(String.fromCharCode(keynum));
}</code>

用法:

用法:
<code class="html"><input type="text" onkeypress="return myKeyPress(event)" /></code>

用法: 用法: 用法: 用法: 用法: 用法: 使用>要使用此程式碼,請將其合併到HTML 文件中,旁邊是一個可以擷取按鍵事件的輸入欄位:按下字元鍵時在輸入欄位中,程式碼片段將執行myKeyPress 函數,識別字元鍵代碼,並在警報視窗中顯示相應的字元。

以上是如何跨瀏覽器辨識 JavaScript 中按下的字元鍵?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn