`
javne
  • 浏览: 66607 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

限制input只能输入数字(兼容IE和Firefox)

阅读更多


 原文地址

 

$(document).ready(function(){ $("input[name='mobileNo']").keydown(function (event) { if ($.browser.msie) { if ( ((event.keyCode > 47) && (event.keyCode < 58)) || (event.keyCode == 8) ) { return true; } else { return false; } } else { if ( ((e.which > 47) && (e.which < 58)) || (e.which == 8) ) { return true; } else { return false; } } }); });

 上面的代码 小键盘是不能输入的

小键盘的keycode是96到105

 

去网上查了下

  onkeypress()
  keycode是一样的 但不能防止粘贴
  keydown和keyup的 keycode和小键盘是不一样的,并且效果对复制粘贴也是有效的

最后的版本:

可能版本不一样还是什么,我这里不需要判断浏览器类型,同样支持FF和ie

$("input[name='test']").keydown(function (event) { if ( ((event.keyCode > 47) && (event.keyCode < 58)) || (event.keyCode == 8)|| ((event.keyCode > 95) && (event.keyCode < 106)) ) { return true; } else { return false; } });

 最后附上keycode表

网上copy的,没有测试

 

分享到:
评论

相关推荐

    input file 表单修改,IE8 Firefox下兼容

    input file 表单很难用css样式来控制,IE下还好,dorder属性可以修改,但firefox下不行,非常丑,而且file的值通过模拟click事件获取的文件不能提交,也不能传给其他函数。 浏览按钮长度也不可控制。 前几天遇到这个...

    兼容IE,firefox日期选择控件

    一个用于日期选择的js控件,兼容IE,firefox。 使用方法: 1)引用js文件:WebCalendar.js 2)在需要的地方调用方法:SelectDate(obj,'yyyy-MM-dd'),其中obj为日期输入目标的引用(好像说复杂了,其实很多时候我们只用...

    input框中出现提示文字(兼容ie 火狐 谷歌)

    有好多的提示文字直接写在了input框中,placeholder属性只在高版本的谷歌和火狐中有但是不兼容ie8以下,此附件为input框中出现提示文字(兼容ie 火狐 谷歌)。

    两个INPUT同步输入的方法小结 兼容IE和firefox

    IE和firefox都支持 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]就是2个事件的先后问题,造成 onkeydown 会丢失一个字母,它所做的事情就是当按键按下立时触发的事情,这时你们只是按下了按键,但是还没有把你们...

    javascript的IE和Firefox兼容性汇编

    javascript的IE和Firefox兼容性汇编 1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在 MF 下运行 (2)解决方法: 改用 document.formName....

    文本框只能输入数字的实现方法(兼容IE火狐)

    下面小编就为大家带来一篇文本框只能输入数字的实现方法(兼容IE火狐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    window.event.keyCode兼容IE和Firefox实现js代码

    Javascript 代码 代码如下: function keyNumAll(evt){ //兼容IE和Firefox获得keyBoardEvent对象 evt = (evt) ? evt : ((window.event) ? window.event : “”); var key = evt.keyCode?evt.keyCode:evt.which;//...

    IE和firefox浏览器的event事件兼容性汇总

    1,关于event的用法 存在问题:IE中可以直接使用event对象,但是Mozilla不可以直接使用。 例如: &lt;input type=”button” value=”clickMe” nclick=”doIt()”&gt;... 下面看一下两者都兼容的代码: IE&Moz &lt;in

    兼容Firefox和IE的onpropertychange事件oninput

    onpropertychange能够捕获每次输入值的变化。例如:对象的value值被改变时,onpropertychange能够捕获每次改变,而onchange需要执行某个事件才可以捕获。

    IE与FireFox的JavaScript兼容问题解决办法

    IE与FireFox兼容写法 table.deleteRow(k); 2、为HTML标签自定义属性。 inputElement:表示表单元素。 propertyName:表示表单元素下的某个属性 inputElement.propertyName; //firefox执行失败,ie执行成功 IE与Fire...

    js操作textarea方法集合封装(兼容IE,firefox)

    注意:在firefox下 添加字符串的时候有个bug 就是scrollTop 会等于0,当然解决了,但是不够完美。如果有高手也研究过,麻烦指点下。 完整测试代码: 代码如下:&lt;textarea id=”testlujun” style=”width: 300px; ...

    IE和Firefox下javascript的兼容写法小结

    1、发现IE下input标签的id属性默认和name属性相同,而Firefox必须明确写出id属性的名称否则不能使用id属性。 如:&lt;input type=”text” name=”username” value=””&gt; 在IE下如下代码可以执行而在Firefox下却...

    input框添加图片按钮

    为减少页面空间占用,将图片按钮放置在input输入框中,兼容火狐、谷歌和IE,图片自行替换

    GridView中checkbox全选/取消完美兼容IE和Firefox

    代码如下: function selectAll(obj) { var theTable = obj[removed][removed][removed][removed]; var i;... var objCheckBox = theTable.rows[i].cells[j].getElementsByTagName(‘input’)[0]; i

    输入输出格式Input-data-formatter.zip

    iOS and Android)Safari latest (desktop and iOS)FireFox (desktop)IE 9 (desktop)Opera (desktop)代码示例:&lt;input type="tel" id="mobile-number" value="1234567890" data-format="(XXX) XXX-XXXX"&gt;...

    改变文件域的样式实现思路同时兼容ie、firefox

    input type=file id=”j” onchange=”getValue();” style=”-moz-opacity:0;filter:alpha(opacity=0);opacity:0;position:absolute;left:166px;” /&gt; &lt;input id=”ye” style=”color: green;border: 1px ...

    JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)

    本文实例讲述了JS实现iframe编辑器光标...input type="button" onclick="frames['x'].location.href='about:blank';" value="clear"&gt; [removed] //setTimeout('window.frames["x"].document.designMode="On"',200);

    js实现iframe框架取值的方法(兼容IE,firefox,chrome等)

    每次遇到js/css的浏览器兼容性问题,总是要发出这样的感叹,真希望这些个浏览器公司全部倒下,然后只留下一家(显然这是一个不可能实现的美好愿望),言归正传,看代码吧: iframe框架内页: &lt;html&gt; &lt;head&gt...

Global site tag (gtag.js) - Google Analytics