为了账号安全,请及时绑定邮箱和手机立即绑定

关于keyCode的三个问题?

关于keyCode的三个问题?

江户川乱折腾 2018-12-20 18:11:25
if (ev.keyCode == 13 && ev.ctrlKey) {//----------**问题1处:**                var oLi = document.createElement('li');                oLi.innerHTML = this.value;                                if ( oUl.children[0] ) {                    oUl.insertBefore( oLi, oUl.children[0] );                } else {                    oUl.appendChild( oLi );                }                            }问题1:keycode只能显示一个值,ctrl键本身就是17,在按下enter(13)时又按下ctrl键,不就把13替换成17了吗?跟这样写ev.keyCode == 13 && ev.keyCode == 17有什么区别,ev.keyCode是不可能同时得到两个值的额?问题2:要是网页上面有赛车游戏需要一直按住上键,然后用左右控制方向的话,那需要怎么办呢?问题3:网页中不分删除下面的enter和小键盘中的enter吗?但是ps软件中的话这两个enter功能是有区别的额,网页不能实现类似ps的区分两个不同enter键的功能吗?
查看完整描述

1 回答

?
慕沐林林

TA贡献2016条经验 获得超9个赞

首先,就算同时按下两个键,也会有一点时间误差而不是真的同时,一定是一先一后。所以按下 enter,再按下ctrl,会触发两个 keydown 事件,其 keyCode 分别是 13 和 17。


现在你可以按往 ctrl 不放,再按其它键,它们都会触发 keydown 等事件,而现在这些事件的 e.ctrlKey 就是 true 了。


keydown 事件之后,你可以设置一个标志变量,比如


let isUpPressing = false;

xxxx.on("keydown", e => {

    if (e.keyCode === 38) {

        isUpPressing = true;

    }

});

现在,只要你没改变这 isUpPressing 的值,它就始终下于 up 键按下的状态,虽然有可能 up 键已经放开了。当然在这个状态下你再按其它键,就可以用一堆变量来组合复合状态了。


刚才说了,up 放开了,但 isUpPressing 仍然是 true,所以我们需要处理这个问题,当然是用 keyup 事件来解决


xxxx.on("keyup", e => {

    if (e.keyCode === 38) {

        isUpPressing = false;

    }

});

小键盘的 0 到 9 对应的 keyCode 是 96 到 105。不过貌似没有区分小键盘上的功能键。


查看完整回答
反对 回复 2019-01-19
  • 1 回答
  • 0 关注
  • 341 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号