回车键提交输入内容(解决火狐不兼容问题)
来源:互联网 发布:1password mac 费用 编辑:程序博客网 时间:2024/06/05 08:22
看看这个对你有没有帮助:
1.window.event.keyCode的用法:设置或获取与导致事件的按键关联的 ASCII 按键代码。
示例:
XML/HTML代码
<input type="text" onkeydown="javaScript:if(window.event.keyCode==13) kenNumIE();" />
<script language="javascript" type="text/javascript">
function kenNumIE(){
alert("你按的是回车键!");
}
</script>
说明:当把光标置入输入框后按回车键,就会触发kenNumIE()事件。(回车键的ASCII是13)
但是该方法只对IE有效,原因是Firefox的window对象没有event属性,所以window.event是不存在的,Firefox只能在事件句柄函数的第一个参数获取事件对象。
2.兼容Firefox的方法:
XML/HTML代码
<input type="text" onkeydown="return keyNumAll(event);" >
<script language="javascript" type="text/javascript">
function keyNumAll(evt){
evt = (evt) ? evt : ((window.event) ? window.event : ""); //兼容IE和Firefox获得keyBoardEvent对象
var key = evt.keyCode?evt.keyCode:evt.which;//兼容IE和Firefox获得keyBoardEvent对象的键值
if(k == 13){
alert("你按的是回车键!");
}
}
</script>
这样,当你按回车键时,就可以触发keyNumAll(event)事件了。
3.在现实中的应用:
只让输入框接受数字输入:
XML/HTML代码
<script language="javascript" type="text/javascript">
function inputNum(evt){
evt = (evt) ? evt : ((window.event) ? window.event : "");
var key = evt.keyCode?evt.keyCode:evt.which;
if((k<=57) && (k>=48)){
return true;
}else{
alert("只能输入数字!");
return false;
}
}
</script>
<input type="text" onKeyPress="return inputNum(event);" >
于是代码终于可以在IE和Firefox运行了。
总结一下需要注意的地方:
1. 取得keyBoardEvent对象
2. 取得keyBoardEvent对象的键值
1.window.event.keyCode的用法:设置或获取与导致事件的按键关联的 ASCII 按键代码。
示例:
XML/HTML代码
<input type="text" onkeydown="javaScript:if(window.event.keyCode==13) kenNumIE();" />
<script language="javascript" type="text/javascript">
function kenNumIE(){
alert("你按的是回车键!");
}
</script>
说明:当把光标置入输入框后按回车键,就会触发kenNumIE()事件。(回车键的ASCII是13)
但是该方法只对IE有效,原因是Firefox的window对象没有event属性,所以window.event是不存在的,Firefox只能在事件句柄函数的第一个参数获取事件对象。
2.兼容Firefox的方法:
XML/HTML代码
<input type="text" onkeydown="return keyNumAll(event);" >
<script language="javascript" type="text/javascript">
function keyNumAll(evt){
evt = (evt) ? evt : ((window.event) ? window.event : ""); //兼容IE和Firefox获得keyBoardEvent对象
var key = evt.keyCode?evt.keyCode:evt.which;//兼容IE和Firefox获得keyBoardEvent对象的键值
if(k == 13){
alert("你按的是回车键!");
}
}
</script>
这样,当你按回车键时,就可以触发keyNumAll(event)事件了。
3.在现实中的应用:
只让输入框接受数字输入:
XML/HTML代码
<script language="javascript" type="text/javascript">
function inputNum(evt){
evt = (evt) ? evt : ((window.event) ? window.event : "");
var key = evt.keyCode?evt.keyCode:evt.which;
if((k<=57) && (k>=48)){
return true;
}else{
alert("只能输入数字!");
return false;
}
}
</script>
<input type="text" onKeyPress="return inputNum(event);" >
于是代码终于可以在IE和Firefox运行了。
总结一下需要注意的地方:
1. 取得keyBoardEvent对象
2. 取得keyBoardEvent对象的键值
3. onkeypress="myKeyPress(event)" 函数需要一个参数,并且参数的名称为event.
阅读全文
0 0
- 回车键提交输入内容(解决火狐不兼容问题)
- 解决火狐扩展不兼容问题
- 回车键提交兼容火狐
- 火狐浏览器扩展不兼容问题解决
- 解决uploadify组件火狐浏览器不兼容问题
- 网页关闭(解决window.close在火狐下不兼容问题)
- window.close() 网页关闭(解决window.close()在火狐下不兼容问题)
- 网页关闭(解决window.close在火狐下不兼容问题) 区分浏览器类别
- JavaScript 覆盖document.createElement 方法 解决window.close在火狐下不兼容问题)
- 网页关闭(解决window.close在火狐下不兼容问题)
- JavaScript在IE和Firefox(火狐)的不兼容问题解决
- ie6,ie7,ie8与火狐互相不兼容问题解决
- 解决IE7、IE8、火狐样式不兼容问题,Hack写法
- datetimepicker在火狐浏览器下不兼容问题的解决
- 表单改变回车键/submit功能不自动提交表单(AJAX内容一闪而过)
- 关于火狐的不兼容问题
- input 输入框按回车键提交到错误页面,修改为回车不提交
- 解决浏览器间的不兼容问题---火狐正常显示,其他浏览器有问题的情况
- 关于MD5加密中byte数组转换成16进制字符串的研究
- 39/40/216/377 Combination Sum
- 第四周项目(2)-建立 “建立单链表”的算法库
- LARGE_INTEGER解析和使用
- js如何判断浏览器的类型和版本
- 回车键提交输入内容(解决火狐不兼容问题)
- 打开网页
- Ubuntu16.04LTS+python 2.7安装tensorflow+keras,以及运行实例
- Linux下Jetty的安装和配置
- Java 并发集合 详解
- vscode: Visual Studio Code 常用快捷键
- 60. Permutation Sequence
- 第四周【项目3
- 图像增强—Gamma变换