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

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

Barbara Streisand
發布: 2024-10-27 01:53:30
原創
388 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板