日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

有的時(shí)候尤其是在進(jìn)行密碼輸入時(shí)，我們需要檢查鍵盤上的 Caps Lock 鍵是否被打開，并通知用戶。這時(shí)可以通過用 KeyboardEvent.getModifierState() 方法 CapsLock 的值來(lái)執(zhí)行此操作。

為涼州等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及涼州網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、涼州網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

換句話說，我們必須偵聽元素上的鍵盤事件才能檢查 Caps Lock 鍵的狀態(tài)：

HTML：

 
 
 
  
  
  
 
  
  
  
  Username: 
  
  
  
   
  
  
  
 
  
  
  
  Password: 
  
  
  
   
  
  
  
  Caps Lock is on 
  
  
  
 
 
 

JavaScript：

 
 
 
  
  
  
const el = document.getElementById('password'); 
  
  
  
const msg = document.getElementById('password-message'); 
  
  
  
 
  
  
  
el.addEventListener('keyup', e => { 
  
  
  
  msg.style = e.getModifierState('CapsLock') 
  
  
  
    ? 'display: block' 
  
  
  
    : 'display: none'; 
  
  
  
}); 
 
 

通過上面的例子可以看到，在選擇的元素上使用了 'keyup' 事件，然后調(diào)用 KeyboardEvent.getModifierState() 并檢查 'CapsLock' 鍵的狀態(tài)。'keydown'和 'keypress' 也能起到類似的作用。但是在多臺(tái)設(shè)備上進(jìn)行測(cè)試后，似乎應(yīng)該首選 keyup 方法，因?yàn)樗诓煌牟僮飨到y(tǒng)和瀏覽器上的效果更好。

新聞標(biāo)題：用 JavaScript 檢測(cè)大寫鎖定鍵的狀態(tài)
文章出自：http://www.dlmjj.cn/article/ccspods.html