按键事件后无法清除文本框

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; 
    }