Javascript实现键盘事件

本文介绍了如何使用JavaScript处理键盘事件,包括回车键事件的监听与响应。通过两种方式实现回车键事件处理,并展示了如何阻止默认行为及进行进一步的数据处理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值