js 默认回车事件
2011-09-21 17:27
190 查看
1.整个页面只有一个回车事件
<html>
<head>
<title>整个页面只有一个回车事件</title>
</head>
<body>
<input type="button" value="提交" id="commitBtn"on
click="alert('你按了回车')"/>
</body>
<scripttype="text/javascript">
document.onkeydown = function(e){
if(!e) e = window.event;//火狐中是 window.event
if((e.keyCode || e.which) == 13){
document.getElementById("commitBtn").click();
}
}
</script>
</html>
2.多个回车事件
<html>
<head>
<title>多个回车事件</title>
<script language="javascript" type="text/javascript">
function enterkey()
{
try
{
var el_keydown=window.event.srcElement;
if(event.keyCode==13 && el_keydown.id=="txt1")
{
txt2.focus();
}
else if(event.keyCode==13 && el_keydown.id=="txt2")
{
btn.focus();
}
}
catch(e)
{
return;
}
}
</script>
</head>
<body>
<input type="text" id="txt1" onkeydown="enterkey();"/><br/>
<input type="text" id="txt2" onkeydown="enterkey();"/><br/>
<input type="button" id="btn" value="button" onclick="alert(' 保存成功!')">
</body>
</html>
<html>
<head>
<title>整个页面只有一个回车事件</title>
</head>
<body>
<input type="button" value="提交" id="commitBtn"on
click="alert('你按了回车')"/>
</body>
<scripttype="text/javascript">
document.onkeydown = function(e){
if(!e) e = window.event;//火狐中是 window.event
if((e.keyCode || e.which) == 13){
document.getElementById("commitBtn").click();
}
}
</script>
</html>
2.多个回车事件
<html>
<head>
<title>多个回车事件</title>
<script language="javascript" type="text/javascript">
function enterkey()
{
try
{
var el_keydown=window.event.srcElement;
if(event.keyCode==13 && el_keydown.id=="txt1")
{
txt2.focus();
}
else if(event.keyCode==13 && el_keydown.id=="txt2")
{
btn.focus();
}
}
catch(e)
{
return;
}
}
</script>
</head>
<body>
<input type="text" id="txt1" onkeydown="enterkey();"/><br/>
<input type="text" id="txt2" onkeydown="enterkey();"/><br/>
<input type="button" id="btn" value="button" onclick="alert(' 保存成功!')">
</body>
</html>
相关文章推荐
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器) 转
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- 菜鸟学JS(四)——javascript为按钮注册回车事件(设置默认按钮)
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交)
- 菜鸟学JS(四)——javascript为按钮注册回车事件(设置默认按钮)
- js,jquery回车默认事件
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交)
- JS获取回车事件(兼容各浏览器)
- js默认行为(也称默认事件)
- JS定义回车事件(实现代码)
- js 停止事件冒泡 阻止浏览器的默认行为(阻止超连接 # )
- js 阻止默认浏览器行为和阻止事件冒泡
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
- JS捕获回车事件
- 兼容IE与firefox火狐的回车事件(js与jquery)
- js中阻止默认事件