js中onkeydown事件，兼容IE和FF

最新推荐文章于 2022-10-16 16:09:37 发布

廖俊才

最新推荐文章于 2022-10-16 16:09:37 发布

阅读量880

点赞数

分类专栏： JS_Jquery_Ajax 文章标签： js onkeydown onkeyup ViewUI

本文链接：https://blog.csdn.net/JuncaiLiao/article/details/84386330

版权

JS_Jquery_Ajax 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

概念

onkeypress、onkeyup、onkeydown区别：

onkeypress 这个事件在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。

onkeyup 这个事件在用户放开任何先前按下的键盘键时发生。

onkeydown 这个事件在用户按下任何键盘键（包括系统按钮，如箭头键和功能键）时发生。

解决onkeydown在IE和FF中的兼容问题
IE浏览器中：

var keycode = event.keyCode;

FireFox和Opera浏览器中：

var keycode = e.which;

总结简便写法如下：

var currKey=0,e=e||event; currKey=e.keyCode||e.which||e.charCode;//支持IE、FF

完整demo如下：

function keydown(e) {

var currKey=0,e=e||event; currKey=e.keyCode||e.which||e.charCode;//支持IE、FF

if (currKey == 13) {

document.getElementById("btn_selector").click();

}

document.onkeydown = keydown;//onkeydown事件调用方式 </script>

写法一、触发submit事件，支持IE

<form οnkeydοwn="checkkey(event)"> function checkkey(keys) //上一段中介绍的event所携带的值传给了keys { if(keys.ctrlKey && keys.keyCode == 13){//判断一下是否同时按了CTRL键和ENTER键. this.document.form.submit(); } //如果判断的结果确实是两个键准确无误的按下了，那么就提交数据 }

说明：event是将这次按键的值传递给函数作判断用的。也就是说event里面承载着我们这次按键的数据。
写法二、触发click事件,支持IE

写法三、按键翻页效果，支持IE

廖俊才

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js中onkeydown事件，兼容IE和FF

概念onkeypress、onkeyup、onkeydown区别： onkeypress 这个事件在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。 onkeyup 这个事件在用户放开任何先前按下的键盘键时发生。 onkeydown 这个事件在用户按下任何键盘键（包括系统按钮，如箭头键和功能键）时发生。解决on...
复制链接

扫一扫