支持FF和IE的回车提交(不使用Submit按钮)
2014-11-11 11:38
281 查看
转自:http://zhuhuide2004.iteye.com/blog/579430
最简单的做法:
方法一:每个页面body中都手动追加事件。
首先,直接在body中追加onkeydow事件,如下:
Html代码
<body onkeydown="doEnter(event)">
然后,doEnter(event)中实现判断键值,并进行操作。
Js代码
function doEnter(event){
if(event.keyCode == 13){
doFun();
event.returnValue = false;
}
}
但是这么做,每个页面的 body 中都要追加这么一句,费劲。
方法二:直接在js中实现onKeyDown事件,想使用的页面,只要引用就可以了。
首先,js中追加如下事件。
Js代码
document.onkeydown = function(event){
//IE中传入的参数无效,FF中有效,故需要此判断。
var e = event ? event : (window.event ? window.event : null);
if(e.keyCode == 13){
doFun();
e.returnValue = false;
}
}
然后,需要使用的页面,引用此js即可。
最简单的做法:
方法一:每个页面body中都手动追加事件。
首先,直接在body中追加onkeydow事件,如下:
Html代码
<body onkeydown="doEnter(event)">
然后,doEnter(event)中实现判断键值,并进行操作。
Js代码
function doEnter(event){
if(event.keyCode == 13){
doFun();
event.returnValue = false;
}
}
但是这么做,每个页面的 body 中都要追加这么一句,费劲。
方法二:直接在js中实现onKeyDown事件,想使用的页面,只要引用就可以了。
首先,js中追加如下事件。
Js代码
document.onkeydown = function(event){
//IE中传入的参数无效,FF中有效,故需要此判断。
var e = event ? event : (window.event ? window.event : null);
if(e.keyCode == 13){
doFun();
e.returnValue = false;
}
}
然后,需要使用的页面,引用此js即可。
相关文章推荐
- 请问图标按钮的回车提交功能怎么实现(支持IE,火狐)
- 支持ff,ie的回车提交
- ie和火狐浏览器都支持的回车键提交表单登录
- IE、Firefox使用绝对定位(absolote) 网页居中布局 支持IE7,8,FF
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器) 转
- ASP.NET 使用LinkButton做登录按钮时,回车无法提交解决方案
- javascript在form表单中使用button按钮实现submit提交方法
- ie中按钮onclick等事件失效。提示提示对象不支持此操作。在谷歌浏览器中又能使用解决办法
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- jquery中使用submit提交按钮
- IE下按回车自动触发input type=submit的按钮点击事件
- ie和火狐浏览器都支持的回车键提交表单登录
- [原创]使用js+xml制作的IE和FF都支持的树型菜单(程序不到4k哦)
- 提交按钮(type="submit")中使用onclick事件
- input button实现跟submit一样的回车提交(使用onsubmit时js跳转失效)
- jQuery文字高亮插件,使用简单,功能强大,支持FF/IE等主流浏览器
- Struts2中的单Form多图片提交按钮(Submit)的使用
- 页面有多个submit按钮时,默认回车提交的是第一个按钮。
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- JavaScript在form表单中使用button按钮实现submit提交方法