首页 > 其他分享 >js监听按键行为

js监听按键行为

时间:2023-09-28 16:36:04浏览次数:36  
标签:vue keydown 监听 按键 js event

js监听按键行为

实例:点击H键实现刷新功能

import { onMounted, onUnmounted } from "vue";

//vue实例挂载后调用
onMounted(() => {
  document.addEventListener("keydown", (event) => {
    if (event.keyCode == 72) {
      location.reload();
    }
  });
});

//vue实例销毁时调用
onUnmounted("keydown", (event) => {
  document.removeEventListener("keydown", () => {});
});

标签:vue,keydown,监听,按键,js,event
From: https://www.cnblogs.com/sxliu414/p/17736051.html

相关文章

  • web前端tips:js继承——寄生式继承
    上篇文章给大家分享了js继承中的原型式继承web前端tips:js继承——原型式继承今天给大家分享一下js继承中的寄生式继承寄生式继承寄生式继承(ParasiticInheritance)是一种基于原型式的继承方式,它通过创建一个仅用于封装继承过程的函数,该函数在内部调用原型式继承创建......
  • nodejs学习01-安装
    参考:nodeJS压缩版安装与配置 注意:最新版本不支持win7有问题,我win7用的 node-v11.15.0-win-x86历史版本下载:https://registry.npmmirror.com/binary.html?path=node/......
  • 对象转JSON 遇到的BigDecimal 科学计数法的问题,json转化字段单独处理
    问题描述:项目需要发送JSON数据,BigDecimal转成json仍然显示科学计数法,如果使用BigDecimai的toPlainString()需要将数据格式转为String,所以找了一下fastjson的自定义序列化内容,记录一下,以免以后忘记解决方案:方案一:JSONObject.toJSONString(vo,SerializerFeature.WriteBigDecimalA......
  • 直播平台开发,纯时间比较(时分),不含日期,js前端比较
    直播平台开发,纯时间比较(时分),不含日期,js前端比较//ajax请求后返回的数据success:function(data){for(vari=0;i<data.length;i++){varrows=data[i];varrowTimeBegin=(parseInt(((rows.timeBegin).split(":"))[0]))*60*60+(parseInt(((rows.timeBegin).split(":"......
  • 下载vue.js、element-plus的js和样式、locale.js、icon-vue.js
    一、下载vue.js地址:https://www.bootcdn.cn/vue/找到vue.global.js点击复制链接,在浏览器中打开,如下所示:二、下载element-plus的js和样式进入element-plus的官网:https://element-plus.org/zh-CN/点击指南点击安装1、下载样式:复制//unpkg.com/element-plus/dist/inde......
  • 前端js下载文件方式记录
    方式一:前端组装数据进行下载如下方式://创建数据vardata="Hello,world!";//将数据转换为Blob对象varblob=newBlob([data],{type:"text/plain;charset=utf-8"});//创建一个URL对象,指向Blob对象varurl=URL.createObjectURL(blob);//创建一个下......
  • false == ''在js中为何判断为true
    当用==操作符将false对象和其他对象进行比较的时候只有0和空字符串、空数组等于false;undefined和null对象并不等于false对象,而null和undefined是相等的。letcompleted=false;console.log(completed==0);console.log(completed=='');console.log(completed......
  • destoon上做纯js实现html指定页面导出word
    因为最近做了范文网站需要,所以要下载为word文档,如果php进行处理,很吃后台服务器,所以想用前端进行实现。查询github发现,确实有这方面的插件。js导出word文档所需要的两个插件:12FileSaver.jsjquery.wordexport.js首先引入:1234<!--生成wo......
  • js中的类型转换
    js中的类型转换JavaScript中有两种类型转换:隐式类型转换(强制类型转换)和显式类型转换。类型转换是将一个数据类型的值转换为另一个数据类型的值的过程。隐式类型转换(强制类型转换):隐式类型转换是JavaScript自动进行的类型转换,通常发生在操作符运算或比较时,以确保操作的值具有相同......
  • VScode对于json格式文件允许添加注释设置(永久有 效)
    如果你想让VSCode永久地将所有的.json文件都识别为JSONC,你可以通过修改VSCode的全局设置来实现。以下是具体步骤:在VSCode中按下Ctrl+,来打开设置(或者在菜单中选择"File"->"Preferences"->"Settings")。在搜索框中输入“files.associations”。在"Files:Associations......