按鍵事件後無法清除文本框

Question

我知道這個問題到處都是，但這讓我瘋狂！

這裏是我的代碼：

$(document).ready(function() { 

     $('#MainContent_LoginUser_Password').keypress(function (e) { 

      noCapsLock($('#MainContent_LoginUser_Password'), e, "Please turn off Caps Lock"); 
     }); 

    }); 
function noCapsLock(o, e, str) { 
var s = String.fromCharCode(e.which); 
if (s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey) { 
    alert(str); 
    o.val(''); 

}  
} 

我試圖清除指定id文本框的值。上面的代碼清除了文本，但是當按下新鍵時，顯示該鍵的值（大寫字母）。 我已經嘗試了change（），keyup（），keydown（）函數，但它們似乎仍然沒有清除最後輸入的值的文本框。

任何幫助將不勝感激。謝謝！

Answer 1

你只需要添加一個event.preventDefault();

您可能還希望把瓶蓋內的功能，所以它不是全球性的，則不需要再次在方法內重新找到html元素：

$(document).ready(function() { 

    var noCapsLock = function(o, e, str) { 
     var s = String.fromCharCode(e.which); 
     if (s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey) { 
      alert(str); 
      o.val(''); 
      e.preventDefault(); 
     }  
    }  

    $('#MainContent_LoginUser_Password').keypress(function (e) { 
     noCapsLock($(this), e, "Please turn off Caps Lock"); 
    }); 
}); 

踢我還做你的代碼放到一個jQuery插件，你可以很容易地應用到任何元素（它不刪除值只是停止按鍵）：

(function($) { 
    $.fn.noCapsLock = function(message) { 
     this.keypress(function (e) { 
      var char = String.fromCharCode(e.which); 
      if (char.toUpperCase() === char && char.toLowerCase() !== char && !e.shiftKey) { 
       window.alert(message); 
       e.preventDefault(); 
      }   
     }); 
    }; 
})(jQuery); 

應用這樣的：

$(document).ready(function() { 
    $('#MainContent_LoginUser_Password').noCapsLock('Please turn off Caps Lock!'); 
}); 

Answer 2

你必須取消與e.preventDefault();事件：

function noCapsLock(o, e, str) { 
    var s = String.fromCharCode(e.which); 
    if (s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey) { 
     e.preventDefault(); 
     alert(str); 
     o.val(''); 
    }  
} 

Answer 3

我也不清楚你的情況的文本框;如果用戶以小寫字母輸入長文本，然後點擊CapsLock，然後繼續輸入 - 整個輸入將被刪除。

至於功能上，你可以調用事件的preventDefault()方法或返回false（你可以read here on the differences between the methods）：

$(document).ready(function() { 

     $('#MainContent_LoginUser_Password').keypress(function (e) { 
      return noCapsLock(e, "Please turn off Caps Lock"); 
     }); 

    }); 
    function noCapsLock(e, str) { 
     var s = String.fromCharCode(e.which); 
     if (s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey) { 
      alert(str); 
      return false; 
     } 
     return true; 
    }