1: 简单例子---Enter事件
按下回车时触发事件:
第一种:当键盘按下回车时触发这个不带参数的函数
<meta http-equiv="content-type" content="text/html; charset=gb2312"/> <script type="text/javascript"> function show () { var e=window.event||arguments.callee.caller.arguments[0]; if(e.keyCode==13){ alert("你按下了回车"); } } </script> <input onkeydown="show();" value="触发键盘试试">
代码分析:window.event是获取IE下面的事件,但是在火狐下不支持,所以加上了arguments.callee.caller.arguments[0];
第二种:这个是写在行内式的
<input onkeydown="var e=window.event || arguments[0];if(e.keyCode==13){ alert('你按下了回车键,修改这里来实现你要的效果'); }" value="回车试试">
2. 工程实例---Enter事件
要对<input type="submit" value="ENTER" /> 起作用:
<script language="javascript" type="text/javascript">
function fillLengthData(){
$("input[name='actionl']").val($("input[name='action']").val().length)
$("input[name='messagel']").val($("input[name='message']").val().length)
$("input[name='dummyl']").val($("input[name='dummy']").val().length)
}
$("[type='submit']").click(function() {//这个是实现页面上的BUTTON功能
$("input[name='eibaid']").val($(this).val())
fillLengthData()
})
$(document).keypress(function(e){//这个是实现键盘上的功能
if (e.which == 13){//13是键盘ENTER的keycode
e.preventDefault();//该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)
$("input[name='eibaid']").val("ENTER")
fillLengthData()
$('form').submit()//pageshow提交
}
})
$(window).bind("pageshow", function() {
var form = $('form');
form[0].reset();
});
</script>