最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

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

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

換句話說，我們必須偵聽元素上的鍵盤事件才能檢查 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' 事件，然后調用 KeyboardEvent.getModifierState() 并檢查 'CapsLock' 鍵的狀態(tài)。'keydown'和 'keypress' 也能起到類似的作用。但是在多臺設備上進行測試后，似乎應該首選 keyup 方法，因為它在不同的操作系統(tǒng)和瀏覽器上的效果更好。

分享文章：用 JavaScript 檢測大寫鎖定鍵的狀態(tài)
分享網址：http://m.fisionsoft.com.cn/article/ccspods.html