jQuery javascript keypress function not working on IE8

孤街浪徒 提交于 2019-12-24 07:06:08

问题


I've the following jquery function which avoid typing "1" in the input text:

<input id="myId" style="width:50%;" value="0" type="text">​

$("#myId").keypress(function(e) {
   var x=e.charCode;
   if (x == '49'){
       e.preventDefault();
   }
});​

This is the jsfiddle

which is not working on IE8. Where is my error? Thanks in advance!

EDIT JAVASCRIPT VERSION

<input id="myId" style="width:50%;" value="0" type="text"  onkeypress="javascript:checkNumber(event);"/>

function checkNumber(event) {
var x=e.which;
if (x == 49){
    event.preventDefault();
}
}

回答1:


charCode is not cross-browser, you can use jQuery which property:

The event.which property normalizes event.keyCode and event.charCode. It is recommended to watch event.which for keyboard key input.

var x = e.which;

If you don't use jQuery, you can code:

var x = e.charCode || e.keyCode;



回答2:


Use e.which instead, since e.charCode isn't supported on all browsers.

Also, you might consider using .keyup() event instead of .keypress()




回答3:


See this answer to a similar question. Try keydown instead of keypress and keyCode instead of charCode:

$("#myId").keydown(function(e) {
   var x=e.keyCode;
   if (x == '49'){
      e.preventDefault();
   }
});​

the jQuery documentation for keypress lists a few good reasons to use keydown instead, not the least of which is that it only fires once for a press and hold, and keypress reports the character, not the key (which is problematic when dealing with things like capslock.)



来源:https://stackoverflow.com/questions/13495291/jquery-javascript-keypress-function-not-working-on-ie8

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!