e.key && e.which && e.keyCode

官方推荐用e.key来描述状态码,其他两种属性可能会在未来被废弃。

且key,keyCode和which 为只读属性

但是会有浏览器兼容性的问题,可以采用如下代码:

let key = ‘‘;
if (e.key) {
    // onKeyDown,对应的e.key = ‘ArrowDown ArrowUp Enter’等
    key = e.key;
} else {
    let code = e.which || e.keyCode;
    key = String.fromCharCode(code);
} 

具体Key对应参考:

https://developer.mozilla.org/zh-CN/docs/Web/API/KeyboardEvent/key/Key_Values

时间: 2024-10-15 00:16:51

e.key && e.which && e.keyCode的相关文章

javascript 火狐event.keyCode不能使用event is not defined

在项目中,登录时需要enter按钮提交页面所以需要监听键盘输出 但是在火狐中不支持 event.code 所以换了中写法 1:form中加入时间传入event <form id="frm" runat="server" onkeypress="onKeyPressBlockNumbers(event)"> 2:监听判断是否为enter按钮. ? 1 2 3 4 5 6 7 8 function onKeyPressBlockNumbe

【Unity3D】 KeyCode 键码

Key codes returned by Event.keyCode. These map directly to a physical key on the keyboard. KeyCode是由Event.keyCode返回的.这些直接映射到键盘上的物理键. Values值 None Not assigned (never is pressed) 未分配(永不被按下). Backspace The backspace key //退格键. Delete The forward delete

e.keyCode和e.which使用

1. 不使用jquery获取keyCode var key = 'which' in e ? e.which : e.keyCode;//或者var key = e.which || e.keyCode || 0;//e.which可能为0,最后处理一下 2. 使用jquery 使用e.which

基于jquery的bootstrap在线文本编辑器插件Summernote 简单强大

Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器.Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox.Opera.Internet Explorer 9 +(IE8支持即将到来). 特点: 世界上最好的WYSIWYG在线编辑器 极易安装 开源 自定义初化选项 支持快捷键 适用于各种后端程序言语 使用方法 使用html5文档 1 2 3 4 <!DOCTYPE html> <html> ..

c#+jquery.autocomplete.js

html代码: $(document).ready(function () { $.ajax({ type: "POST", contentType: "json", url: "a.ashx?action=findlist", data: "{}", dataType: "html", success: function (data) { var dataset = eval('(' + data + '

JS实现——贪吃蛇

把以下代码保存成Snake.html文件,使用Google或360浏览器打开 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>Snake</title> <style> </style> </head> <body> <div style="position: relative

【Jqurey EasyUI+Asp.net】---DataGrid的增、删、改、查

前面是写了两篇,但都不怎么完整,比较才刚开始学这个,都是摸着石头过河,一步一步的来.这两天终于把DataGrid的增删改查融合到一起了,所以分享一下,希望对和我一样的初学者都点帮助. 直接主题吧. 还是想说数据表吧,我建了一个很简单的表Rex_Test ID 自增序号 tName 姓名 tEmail 邮箱 前台代码: Default.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeFile=&quo

Android 获取软键盘的删除delete事件

对于软键盘删除事件,网上有很多方案是如下,但是 google api也说明了,这个只是监听硬件键盘,对于软键盘并不负责触发(我测试了一下,软键盘能够监听delete键,其他键像数字字母等没有触发这里的监听方法). editText.setOnKeyListener(new OnKeyListener() { @Override public boolean onKey(View v, int keyCode, KeyEvent event) { //You can identify which

JS获取中文拼音首字母,并通过拼音首字母高速查找页面内的中文内容

实现效果: 图一: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdGVzdGNzX2Ru/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" /> 图二: 此例中输入的中文字符串"万万保重",有三个字是多音字.所以alert对话框中显示的是多种读音的组合. 怎样实现? 怎样实现通过拼音首字母高速查找页面内的中文内容呢? 过程原