博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js 回车事件兼容多个浏览器
阅读量:7235 次
发布时间:2019-06-29

本文共 890 字,大约阅读时间需要 2 分钟。

hot3.png

1.window.event.keyCode的用法:设置或获取与导致事件的按键关联的 ASCII 按键代码。

示例:
HTML代码:

1

<input type="text" οnkeydοwn="kenNumIE();" />

 JS代码:

1

2

3

4

5

function kenNumIE(){   

    if(window.event.keyCode==13){

         alert("你按的是回车键!");   

     }

}

说明:当把光标置入输入框后按回车键,就会触发kenNumIE()事件。(回车键的ASCII是13)

但是该方法只对IE有效,原因是Firefox的window对象没有event属性,所以window.event是不存在的,Firefox只能在事件句柄函数的第一个参数获取事件对象。

2.兼容Firefox的方法:

HTML代码:

1

<input type="text" οnkeydοwn="keyNumAll(event);" >

JS代码:

1

2

3

4

5

6

7

function keyNumAll(evt){ 

    evt = (evt) ? evt : ((window.event) ? window.event : "");  //兼容IE和Firefox获得keyBoardEvent对象

    var key = evt.keyCode?evt.keyCode:evt.which; //兼容IE和Firefox获得keyBoardEvent对象的键值 

    if(key == 13){   

       alert("你按的是回车键!");   

    }   

}

这样,当你按回车键时,就可以触发keyNumAll(event)事件了。

于是代码终于可以在IE和Firefox运行了!

注意

1. 取得keyBoardEvent对象
2. 取得keyBoardEvent对象的键值
3. οnkeydοwn="keyNumAll(event)" 函数需要一个参数,并且参数的名称为event.

转载于:https://my.oschina.net/u/1054538/blog/597885

你可能感兴趣的文章
Pongo网页版JavaScript源代码及设计思路
查看>>
mongodb常用的shell脚本语法
查看>>
github提交代码操作笔记
查看>>
PHPexcel 将excel表格数据导入数据库
查看>>
LVS负载均衡集群---->理论
查看>>
一个日志的多种处理方法
查看>>
RPM 安装 MySwl
查看>>
shell实现代码自动化部署
查看>>
Weak Pointer 和 SharedPointer的一点区别
查看>>
Ruby-散列
查看>>
ERROR 1217 (23000): Cannot delete or update a parent row: a foreign key constraint fails
查看>>
spark集群配置
查看>>
OpenNMS安装与试用
查看>>
安装Win2012 - 体验Windows 2012 Server 的虚拟化技术【1】
查看>>
QListWiget等样式表
查看>>
计算100以内所有奇数的和以及所有偶数的和
查看>>
搭建本地私有Kolla docker registry
查看>>
Docker 定制ssh、java等基础服务镜像
查看>>
jvm参数设置和分析
查看>>
伟大的程序员是怎样炼成的?
查看>>