首页 > 其他分享 >js 监听回车按键,keyCode已经废弃

js 监听回车按键,keyCode已经废弃

时间:2023-12-04 18:26:06浏览次数:29  
标签:监听 js 回车 key keyCode enterUp 属性

window.addEventListener("keydown", enterUp); // 点击回车键登录 const enterUp = (e: any) => { console.log("in enter up:", e); if (e.keyCode == 13 || e.keyCode == 100) { submitForm(); } }; 监听回车,为什么keycode会自增

使用了keyCode属性来获取按键的键码,但是需要注意的是,keyCode属性在JavaScript中已经被标记为过时(deprecated),而推荐使用key属性。此外,key属性在键盘事件中表示的是按下的是哪个键,而不是键的字符编码。

如果你的键码出现自增的情况,可能是因为你的代码中使用了过时的keyCode属性,而浏览器可能会对该属性进行处理或映射。为了避免这个问题,建议使用key属性。

修改你的代码如下:

window.addEventListener("keydown", enterUp); // 点击回车键登录

const enterUp = (e) => {

console.log("in enter up:", e);

if (e.key === "Enter" || e.key === "NumpadEnter")

{

submitForm();

} };

标签:监听,js,回车,key,keyCode,enterUp,属性
From: https://www.cnblogs.com/gaosj20210301/p/17875603.html

相关文章

  • js jquery 调用摄像头拍照及扫描二维码
     很好用的一个js库:https://github.com/mebjas/html5-qrcodedemo: https://scanapp.org/demo: https://blog.minhazav.dev/research/html5-qrcode vue项目推荐用这个:https://zhuanlan.zhihu.com/p/430917773demo: https://dragonir.github.io/h5-scan-qrcode......
  • quickjs加载字节码文件
    一、使用qjsc编译字节码hello.js console.log("HelloWorld") qjsc.exe-chello.js1constuint32_tqjsc_hello_size=78;23constuint8_tqjsc_hello[78]={40x02,0x04,0x0e,0x63,0x6f,0x6e,0x73,0x6f,50x6c,0x65,0x06,0x6c,0x6f,......
  • js自动播放【轮播图】
    demo<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>AutoCarousel</tit......
  • daemon.json完整配置
    2023-12-04ubuntu安装好docker后,Docker配置文件默认在/etc/docker/daemon.json修改配置文件/etc/docker/daemon.json,进入/etc/docker目录。查看是否有daemon.json文件,没有则执行如下命令创建。touchdaemon.json刚开始文件是空的,添加文件内容配置如下:{"registry-mirrors......
  • js获取时间戳转化成日期格式的直接使用和封装
     一、在页面中直接使用1. 通过模板字符串使用:{{times}}2. 定义变量存放时间:data(){return{times:"",};},3. 在mounted()方法里调用:mounted(){constdate=newDate();constY=date.getFullYear();constM=date.getMonth()+1<10?"0"......
  • SpringBoot+MybatisPlus 存json读json
    基础环境springboot2.5.3mysql8.0.22fastjson22.0.38主要配置1.返回VO字段添加注解@ApiModelProperty("字段内容")@TableField(typeHandler=JacksonTypeHandler.class)privateList<JSONObject>columnContent;2.返回Mapper中的resultMap中字段添加......
  • 页面滚动点击返回至顶部,js怎么实现
    当页面要滚回顶部时,使用scrollTop属性,设置值为0即可当页面具有DOCTYPE,或者说指定了DOCTYPE时,使用document.documentElement.scrollTop。当页面不具有DOCTYPE,或者说没有指定了DOCTYPE时,使用document.body.scrollTop。为了兼容各种情况,建议同时使用这两种写法。documen......
  • emscripten 中c 代码引用外部js 函数
    主要是一个简单的学习,webassebly支持通过import调用环境的函数(比如调用浏览器或者nodejs中的一些方法)简单说明方法很多,包含了emscripten提供的调用js的宏,但是以下使用了一个emscripten提供的--js-library功能--js-library简单说明--js-library主要是实现emcc在编译的时......
  • JSON
    JSON.stringify和JSON.parseJSON.stringify():作用:用于将JavaScript对象或值转换为JSON字符串语法:JSON.stringify(value[,replacer[,space]])value:要转换为JSON字符串的值replacer(可选):用于控制转换过程的函数或数组space(可选):控制结果字......
  • 后端 Java 对象转 json(不用第三方依赖的拼接方式)
    需求:编写工具类要尽可能不用任意一个jar包依赖,或者尽可能精简原有数据:ArpsParams{actualProduction=[{mouth=2022-07,oilProdDaily=366088.33},{mouth=2022-08,oilProdDaily=380806.78}],predictionSegment=[{mouth=2022-07,oilProdDaily=367832.31},{mouth=2022-0......