首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用JS监听键盘事件

事件说明 我们将键盘事件所有属性和方法打印出来(这里以1为例) document.onkeydown = function(event){ console.log(event)...; }  这里面有几个需要注意属性 key:按键名称 keyCode:按键键码 altKey、ctrlKey、shiftKey:当组合(如ctrl+c)时,ctrlKey会变为...true 一、查看所有键 (获取event.key 按键名称)(获取event.keyCode 键码) document.onkeydown = function(event){...console.log(":"+event.key+"键:"+event.keyCode); } 下任意按键后效果: 二、监听回车事件 这里以回车键(键码为13)为例 ,如果需要监听不同按键...1 49 T 84 2 50 U 85 3 51 V 86 4 52 W 87 5 53 X 88 6 54 Y 89 7 55 Z 90 8 56 0 48 9 57 数字键盘键码值

11K10

Electron键盘鼠标操作(Windows环境)

`_robotjs@0.5.1@robotjs`文件夹 如果没有生成/build/Release/robotjs.node 就执行下面的操作 下载依赖 cnpm install 编译 node-gyp...rebuild --python C:\Users\Jian\.windows-build-tools\python27\python.exe 构建robotjs.nodeNode版本如果和Electron...Node版本不一样的话就需要执行下面的rebuild操作 查看系统Node版本 node -v 获取Electron内部node版本 在代码打印信息 console.info(process.versions...版本对应node_abi版本都是一样 所以 --abi=72 整体命令就是 npm rebuild --runtime=electron --target=6.0.12 --disturl=https...://atom.io/download/atom-shell --abi=72 当然也可以配置到 package.json "rebuild": "npm rebuild --runtime=electron

4.7K20
您找到你想要的搜索结果了吗?
是的
没有找到

双击事件(dblclick)时,不触发鼠标(mousedown) 动作事件

在一个dom节点事件绑定,如果同时绑定了dblclick和mousedown那么想要执行双击事件(dblclick)时能就会触发两次mousedown事件。...两者区别是,mouseenter事件只触发一次,而只要鼠标在节点内部移动,mouseover事件会在子节点上触发多次。...在单击时候(也就是鼠标时候)不会执行双击,但是双击时候会执行两次单击再执行双击事件。 解决思路:要想双击时不执行单击事件,就使用定时器清除掉两个单击事件,留下一个双击事件。...index, item)"> handleMousedown(event, node, index) { clearTimeout(this.timeOut); // 清除第一个鼠标单击事件...因为第一次单击事件后,主线程没有任何任务,就会立马执行这个单击事件任务。待第二次单击时候,假设距离第一次单击事件是150ms, 如果你定时器小于150ms, 那么第一次任务队列就会执行完。

44120

JS-事件鼠标键盘都能控制下拉选框效果

(ie添加事件监听器方法)和addEventListener(通用浏览器添加事件监听器)。...提示: 1、点击三角时需阻止事件冒泡 二、 展开菜单之后,在document对象上绑定keyup事件,(键盘事件不是某个具体对象了,所以要帮到document上面来)向下方向键,选中下一个选项...,向上方向键,选中上一个选项,下回车键菜单收起,显示选中项 提示: 1、 声明一个全局index变量初值为-1 2、 向下方向键时index递增,当递增至大于等于菜单选项总数时恢复为0 3...、 向上方向键时判断index,如若小于等于0则设为菜单选项总数,之后递减index 4、 根据index值将对应选项设为当前(灰色背景) 5、 下回车键时将对应选中选项设为菜单标题,且将所有选项设为无背景...,index恢复为-1,菜单收起 注意:没有任何选项被选中时,下回车键不做任何操作 三、鼠标滑过每个选项时高亮显示,离开时去掉背景,点击高亮选项时菜单标题改变 提示: 1.遍历所有a标签,绑定鼠标点击事件

3.2K50

MFC vc++ CTreeContrl如何自定义实现鼠标单击或双击响应事件 ,即重写类似于控件响应事件或消息

#commentsedit 目的:自定义修改mfc窗口FileView已有的树结构,而不是添加树控件 实现效果如图:点击“地图”后弹出框提示,点击响应效果与控件响应事件类似 ?...首先需要重写CtreeContrl: ① 在CViewTree类.h头文件添加代码: afx_msg void OnDblClkTree(NMHDR* pNMHDR, LRESULT* pResult...);//双击事件 afx_msg void OnClkTree(NMHDR* pNMHDR, LRESULT* pResult);//单击事件 ② 添加后.h文件如下: #pragma once...源文件实现该事件,代码如下: #include "stdafx.h" #include "ViewTree.h" #ifdef _DEBUG #define new DEBUG_NEW #undef...以上即可实现CtreeContrl点击事件

1.7K30

javaScript事件处理

焦点事件:指元素对焦点获得与失去,如文本框选中或者取消选中。 ---- 2.鼠标事件 例如当鼠标单击左键,会发生onclick事件: <!...---- 5.常用事件方法(包括窗口事件鼠标事件键盘事件,文本事件) 方法 描述 onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域内容 onclick 鼠标单击某个对象...ondblclick 鼠标双击某个对象 onerror 当加载文档或者图像时发生某个错误 onfocus 元素获得焦点 onkeydown 某个键盘键被 onkeypress 某个键盘键被或者按住...onkeyup 某个键盘键被松开 onload 某个页面或者图像被完成加载 onmousedown 某个鼠标按键被 onmousemove 鼠标被移动 onmouseout 鼠标从某元素移开 onmouseover...鼠标被移到某元素之上 onmouseup 某个鼠标按键被松开 onreset 重置按钮被单击 onresize 窗口或者框架被调整尺寸 onselect 文本被选定 onsubmit 提交按钮被单击

2.3K10

JavaScript 事件对象

那么通过事件对象可以获取到鼠标按钮信息和屏幕坐标获取等。 1.鼠标按钮 只有在主鼠标按钮被单击时(常规一般是鼠标左键)才会触发click事件,因此检测按钮信息并不是必要。...说明 0 表示没有按钮 1 表示主鼠标按钮(常规一般是鼠标左键) 2 表示次鼠标按钮(常规一般是鼠标右键) 3 表示同时下了主、次鼠标按钮 4 表示下了中间鼠标按钮 5 表示同时下了主鼠标按钮和中间鼠标按钮...6 表示同时下了次鼠标按钮和中间鼠标按钮 7 表示同时下了三个鼠标按钮 PS:在绝大部分情况,我们最多只使用主次中三个单击键,IE给出其他组合键一般无法使用上。...“DOM2级事件”最初规定了键盘事件,结果又删除了相应内容。最终还是使用最初键盘事件,不过IE9已经率先支持“DOM3”级键盘事件。...首先第一个我们了解一W3Ctarget和IEsrcElement,都表示事件目标。

1.9K100

JQuery事件

1 鼠标事件    click()               ------- 鼠标单击事件   dbclick()             -------鼠标双击事件   mouseenter()     ...)        -------键盘松开过程  keypress()        -------键盘触发  keyup ()            ------键盘松开触发 注意: .keypress...,keydown,keyup区别:  1.keydown:在键盘某键时发生,一直着则会不断触发(opera浏览器除外), 它返回键盘代码;  2.keypress:在键盘下一个按键,并产生一个字符时发生...注意: shift、alt、ctrl等键并不会产生字符,所以监听无效 ,换句话说, 只有能在屏幕上输出字符按键时keypress事件才会触发。若一直着某按键则会不断触发。  ...: 通过event.data传递给事件处理函数任意数据;  handler: 指定事件处理函数; 举例: // 只允许字母键生效, 65~90是所有小写字母键盘代码范围. var validKeys

2.1K40

【课堂笔记】VB基础常用事件

1.开发软件最重要一步是什么? 保存(题目要求保存) 2.一个VB工程项目主要涉及哪些文件?分别是什么? vbp工程文件: 用来组织工程项目中所有窗体文件为一个项目。...4.事件 窗体载入事件:Form_Load 案例:修改窗体标题 Form1.Caption = "刘金玉" 单击事件:click 案例:拖入一个label控件,通过单击来使得字体在原来基础上增大10 Label1...获取焦点事件:GotFocus 失去焦点事件:LostFocus 使用两个text文本框,在text1文本框设置获得焦点和失去焦点事件,通过点击text2文本框与点击text1文本框来回切换,来测试...窗体退出事件:Unload 键盘事件:KeyDown 只要按住键盘键,那么会一直执行这个事件 键盘按键事件:KeyPress 只有那一刻产生一次事件 键盘按键弹起事件:KeyUp 一次...鼠标事件:MouseDown 鼠标移动事件:mouseMove 鼠标按键弹起事件:MouseUp 窗体大小改变事件:resize

1.1K10

在windows模拟鼠标键盘输入几种方法 (附带源代码)

在windows模拟鼠标键盘输入几种方法     最近小叮咚使用服务器(第3方asp服务器,不是iis)在启动后总是不能自动运行,可能里面有Bug,需要点击启动按钮后才能连接到internet上...为了保证小叮咚稳定运行,我把我机器(放在家)配置成每小时启动一次,启动后自动运行服务器软件     这个软件没有类似: /run 等命令行启动方式,于是我想,能不能用程序自动实现 模拟鼠标点击按钮功能呢...因为我需求和运行环境允许我这么做:     1 这个软件启动后"运行"按钮显示位置固定     2 只需要点击一运行按钮就可以,     有上面2个条件,所以用程序模拟执行点击运行按钮方法是可行...于是我用google展开调查 :-)     作为程序员,解决这样问题有两个方法: 1 用现成程序 2 自己做    具体怎么来就看.....实际需要喽     在google上输入,鼠标模拟,就可以发现一几种选择...看来它集成了 键盘按键,鼠标活动,手写板输入等信息,完全可以实现前面提出需求.

8.5K50

JavaScript 事件基础补充

在内联模型事件处理函数是HTML标签一个属性,用于处理指定事件。虽然内联在早期使用较多,但它是和HTML混写,并没有与HTML分离。...input.onclick = box;//把函数名赋值给事件处理函数 四.事件处理函数 JavaScript可以处理事件类型为:鼠标事件键盘事件、HTML事件。...图像、链接、表单 当按键被时 onkeypress 文档、图像、链接、表单 当按键被然后松开时 onkeyup 文档、图像、链接、表单 当按键被松开时 onload 主题、框架集、图像 文档或图像加载后...1.鼠标事件,页面所有元素都可触发 click:当用户单击鼠标按钮或下回车键时触发。...input.onmousemove = function () { alert('Lee'); }; 2.键盘事件 keydown:当用户键盘上任意键触发,如果按住不放,会重复触发。

3.1K50

JavaScript常见事件

1、鼠标事件 JavaScript鼠标事件 事件 说明 onclick 鼠标单击事件 ondbclick 鼠标双击事件 onmouseover 鼠标移入事件 onmouseout...鼠标移出事件 onmousemove 鼠标移动事件 onmousedown 鼠标事件 onmouseup 鼠标松开事件 2、键盘事件 JavaScript键盘事件只有3...个: JavaScript键盘事件 方法 说明 onkeydown 下键事件(包括数字键、功能键) onkeypress 下键事件(只包含数字键) onkeyup 放开键事件...3、表单事件 在JavaScript,常用表单事件有4种: JavaScript鼠标事件 事件 说明 onfocus 获取焦点事件 onblur 失去焦点事件 onchange...状态改变事件 onselect 选中文本事件 4、编辑事件 在JavaScript,常见编辑事件有3种: JavaScript编辑事件 方法 说明 oncopy 复制事件

34610
领券