日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

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

為涼州等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及涼州網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站制作、成都網(wǎng)站設(shè)計、外貿(mào)營銷網(wǎng)站建設(shè)、涼州網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(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' 也能起到類似的作用。但是在多臺設(shè)備上進(jìn)行測試后，似乎應(yīng)該首選 keyup 方法，因為它在不同的操作系統(tǒng)和瀏覽器上的效果更好。

當(dāng)前文章：用 JavaScript 檢測大寫鎖定鍵的狀態(tài)
URL分享：http://m.5511xx.com/article/ccspods.html