javascript

您所在的位置:网站首页 js的onkeydown javascript

javascript

#javascript| 来源: 网络整理| 查看: 265

我来回个几句,看能不能给点灵感。

第1个问题是为什么这个onkeydown是长按住会一直触发。

这是W3C标准的规范,原始设计就是这样。keydown本身是用来获取所有的键盘事件,包含ctrl、alt等等都有,不只包含一般的输入键(像123abc)之外,所有在键盘上的键都有对应值,也就是它的回传值是有个代码。会这样作的原因当然是在输入时有可能会有复合键的情况,例如ctrl+s这样的键盘输入。

最常被问到的是keydown与keypress的差异,onkeypress的设计较为不同,它是用来作键盘上的输入用的,只有一般的文字键可以使用,例如上下左右键它就没反应。虽然它keydown一样会获取得到ascii的keycode码,但keydown获取到的是英文大小写无异,而keypress获取到的是英文大小写有差异的,例如下面的例子:

keydown() a = 65, A = 65 (大小写无异) keypresss() a= 97, A = 65 (大小写有异)

另一个明显的差异在于长按,也就一直按住某个键,基本上keydown的长按就会像你说的一直触发,以文字框来说就是不断输入,而keypress并不会。但也有特例,也就是Enter这个键,以及在一个文字框中长按空白键,也会让keypress一直触发,细部再研究了。keypress不适合于使用,因为它无法获取到上下左右键。所以仍然要使用keydown,而且是要考虑到长按的情况。

第2个问题是要用方向键来长按住作移动。

这大概是作互动最基本的问题,我想你应该已有试过onkeydown + onkeyup + var is_down + setInterval的方式,你说的方式是最普遍的解决方式,也可能有使用jQuery的animate函式库,来让动画更顺畅。网上有很多范例。

并没有其他更优雅的方式来作这件事,而是在浏览器上只能用keydown+keyup来监听长按的事件,这固定的套路。更多的解决方式只是在让如何动作动得更顺畅而已。

楼上的范例就是很好的一个例子。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3