Javascript代码
<input
onkeypress = "return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46"
onpaste = "return !clipboardData.getData('text').match(/\D/)"
ondragenter = "return false"
style = "ime-mode:Disabled"
/>
运行效果:
只能输入数字和点: (注:只兼容IE)
说明:
1 只能输入0到9和小数点
2 只能粘贴数字
3 不能拖动内容进来
4 禁止使用输入法
上面代码出处:
http://www.cnblogs.com/cloudgamer/articles/1138136.html
博主说:
上面代码不兼容火狐等其他浏览器,原因是其他浏览器对Event对象的支持不同.
在火狐下运行以上代码,会出现 event is not defined 的错误提示,在IE中会把event附加成window对象的一个属性,在作为事件处理的一部分访问时会相应填写Event对象所含的数据. 对于基于Netscape的浏览器,则需要作为函数的一个参数传入。
evnt=evnt||window.event;
可对浏览器的兼容.
对以上代码就行了更改 :
<script type ="text/javascript " >
/*只能输入数字和点,可按退格键删除数字或点*/
function vaildFloatNumber(evnt){
evnt=evnt||window.event;
var keyCode=window.event?evnt.keyCode:evnt.which;
return keyCode>=48&&keyCode<=57||keyCode==46||keyCode==8;
}
/*只能输入数字,可按退格键删除数字*/
function vaildIntegerNumber(evnt){
evnt=evnt||window.event;
var keyCode=window.event?evnt.keyCode:evnt.which;
return keyCode>=48&&keyCode<=57||keyCode==8;
}
<input
onkeypress = "return vaildFloatNumber(event) "
onpaste = "return !clipboardData.getData('text').match(/\D/) "
ondragenter = "return false "
style = "ime-mode:Disabled "
/>
<input
onkeypress = "return vaildIntegerNumber(event) "
onpaste = "return !clipboardData.getData('text').match(/\D/) "
ondragenter = "return false "
style = "ime-mode:Disabled "
/>
</script>
在调用用vaildFloatNumber()函数时,需显示传入event对象,以便对ff的兼容.
运行效果:
只能输入数字和点:
只能输入数字:
另一种方法:
<input
onkeyup ="this . value=this.value.replace(/\D/g,'') " onafterpaste ="this.value=this .value.replace(/\D/g,'') " />
运行效果:
只能输入数字:
http://www.denghuafeng.com/post-109.html
分享到:
相关推荐
只能输入数字(兼容IE和火狐) ()"> <p id="result"></p> <script src="validateNumber.js"></script> ``` 接下来,我们需要编写JavaScript代码来实现验证功能。由于IE浏览器不支持`event.target.value`,...
2. **增强兼容性**:虽然当前代码已经考虑了IE和Firefox的兼容问题,但还可以进一步测试其他现代浏览器如Chrome、Safari等。 3. **性能优化**:对于大型应用,可以通过增加缓存机制来避免频繁的字符串操作,从而提升...
在网页开发中,有时我们需要限制用户在输入框(`<input>`)中只能输入数字,以确保数据的...为了兼容IE和Firefox,需要使用适当的事件处理和键码获取方式。同时,应考虑其他可能的输入方式,以提供更全面的输入限制。
综上所述,这个项目通过JavaScript实现了跨浏览器的软键盘输入功能,对于理解和掌握前端交互、DOM操作、事件处理、兼容性问题解决等方面都有很好的实践意义。开发者可以根据自身项目需求,参考这个项目进行定制化...
标题和描述提到的代码就是这样一个示例,它实现了在Firefox和其他浏览器(包括IE)中,文本框只能输入最多两位小数的数字,同时排除其他非数字字符。 首先,我们来看关键的JavaScript函数`checkNumber(e, txt)`。这...
为了确保在IE、Firefox以及所有现代浏览器中都能正确实现文本框回车自动提交,最可靠的方法是使用JavaScript来监听文本框的键盘事件。这样,无论用户使用哪种浏览器,都可以确保一致的用户体验。 ```javascript // ...
- 需要测试在主流浏览器(如Chrome、Firefox、Safari、Edge和IE)上的表现。 5. **示例代码**: ```html var calendar = new Calendar('#dateInput', {style: 'default', format: 'YYYY-MM-DD'}); ``` ...
本篇文章讲解了如何在文本框中通过按回车键触发确定操作,并且确保该功能在不同的浏览器(如IE和FF等)之间具有良好的兼容性。在此基础上,文章提供了一个具体的示例代码来说明如何实现这一功能。 知识点主要包括:...
由于不同浏览器对`e.preventDefault()`和`e.returnValue`的支持不同,需要对IE和Firefox等浏览器进行兼容性处理。上述代码中的JavaScript函数`checkkey2`通过检查`window.event`和`e`对象来判断浏览器类型,从而...
下面我们将详细探讨如何使用JavaScript实现“设为首页”和“加入收藏”的功能,并关注兼容IE、Firefox、Chrome等主流浏览器的实现策略。 首先,让我们来看“加入收藏”功能的实现。在Internet Explorer(IE)中,...
JavaScript 获取文本框的值和浏览器高度和宽度值 在 Web 开发中,获取文本框的值和浏览器的高度和宽度值是非常重要的。这篇文章将详细介绍如何使用 JavaScript 获取文本框的值和浏览器的高度和宽度值。 获取文本框...
在Internet Explorer(IE)中,键盘事件是通过`window.event`对象来访问的,而Netscape、Firefox、Chrome等现代浏览器则使用`event`参数来传递事件对象。因此,为了兼容多种浏览器,我们需要根据事件对象是否存在来...
因此,对于Firefox等非IE浏览器,开发者采取了定时器(`setInterval`)的方式来检查只读文本框的内容是否发生变化。 在JavaScript代码实现中,针对IE浏览器,直接使用`onpropertychange`事件绑定到两个文本框;而对于...
Firefox浏览器兼容性考虑更为复杂。在Firefox中,`onkeypress`和`onkeydown`都能捕捉到回车键事件,这导致可能触发两次事件。为此,在`EnterPress`函数中增加了一个判断,使用`e||window.event`获取事件对象,然后...
再次,关于兼容性的问题,本篇文章提到了使代码能够兼容Firefox、Chrome以及IE等不同的浏览器。这个兼容性的实现主要是在JavaScript中对不同浏览器事件对象的兼容处理。由于早期的IE浏览器和后来的W3C标准在事件处理...
JavaScript限制输入和粘贴功能主要利用JavaScript脚本来控制用户的输入和粘贴行为,确保文本框中的内容符合预定要求。例如,在网页中设计表单时,常常需要限制用户只能输入特定格式的数据或者在特定的文本框中禁止...
本文将详细介绍如何使用JavaScript在`iframe`框架中获取值,同时兼容IE、Firefox、Chrome等主流浏览器。 首先,我们需要理解`iframe`的基本结构。一个`iframe`标签通常包含`id`和`src`属性,`id`用于JavaScript访问...
在 FireFox 中,`document.documentElement.clientWidth` 可以获取可见区域的宽度,`document.documentElement.clientHeight` 可以获取可见区域的高度。 在 Opera 中,`document.documentElement.clientWidth` 可以...
针对本例中的实现,作者可能已经通过测试和调试确保了代码在主流浏览器如IE和Firefox上的兼容性。 2. JavaScript语法和编程技巧 文章中提到了几个重要的JavaScript编程技巧。例如,String.prototype.trim2方法是...