首页
学习
活动
专区
工具
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)为例 ,如果需要监听不同的按键...") } } 三、监听组合键 这里以CTRL+A为例 altKey:Alt+*组合键时为true ctrlKey:Ctrl+*组合键时为true shiftKey:Shift+

11.2K10

简单的鼠标拖动DIV 兼容IEFF

一个简单的可拖动div,随着鼠标的移动,div可随之走动 主要思路: 一个div,注册监听onmousedown事件,然后处理获取的对象及其相关值(对象高度,clientX/clientY位置等) 并继而转为监测...onmousemove事件,在鼠标移动事件中更新div对象的位置属性 鼠标松开的时候解除监听,更新位置完成。...,听说可以通过 arguments[0]获取FF的事件对象 对于拖拽事件这里使用到了另外一种常用的方法: // document.all(IE)使用setCapture方法绑定;其余比如FF使用Window...o.releaseCapture() : window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP) 最后是一个可随鼠标拖动的div ?...,听说可以通过 arguments[0]获取FF的事件对象 } o.style.left = dis.clientX - X +"px"; //设定box样式随鼠标移动而改变

2.6K10

鼠标不能拖动文件的解决办法

鼠标不能拖动文件的解决办法   1.连续两次电脑左上角的ESC按钮。   2.去掉右键里的自动排列。   3.在电脑的最下方的任务栏中右键鼠标然后弹出一个对话框,然后在弹出的对话框中选择属性。...一般在网页中一些快捷键可能也会导致这种情况。   4.先确定没有锁定,没有自动排列,没有对齐到网格。(这些在右键排列图标里边,如果有的话,把前边的勾都去掉)。   5.确定启动拖放。...6.2ESC键。   7.运行gpedit.msc,打开组策略,用户配置,管理模板,windows组件,任务计划程序,修改"禁止拖放"的属性。记得重启,让它生效。   8.打开鼠标右键的快捷栏。...9.点击任务栏上面的“开始-运行”,然后在输入框上输入“gpedit.msc”回车键确定即可打开组策略窗口了,依次点击“用户配置-管理模板-windows组件-任务计划程序”,然后在上面找到“修改拖放

2.3K20

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

mouseover事件和mouseenter事件,都是鼠标进入一个节点时触发。...两者的区别是,mouseenter事件只触发一次,而只要鼠标在节点内部移动,mouseover事件会在子节点上触发多次。...在单击的时候(也就是鼠标的时候)不会执行双击,但是双击的时候会执行两次单击再执行双击事件。 解决的思路:要想双击时不执行单击事件,就使用定时器清除掉两个单击事件,留下一个双击事件。...index, item)"> handleMousedown(event, node, index) { clearTimeout(this.timeOut); // 清除第一个鼠标单击事件...(this.timeOut) console.log(event.target, 'handleDblclick'); }, 关于实现原理 在setTimeout 中的 time=200,大家知道js

49620

js鼠标事件

(){                     alert('我是双击显示的');                 }             } 鼠标(onmousedown)事件(摁就执行,鼠标无需抬起...)             window.onload=function(){                 //绑定元素,执行鼠标下操作  鼠标(onmousedown)                 ...document.getElementById('d3').onmousedown=function(){                     alert('我是鼠标提示');                 ...}             } 鼠标抬起(onmouseup)事件(摁后,鼠标回弹才执行)             window.onload=function(){                 ...鼠标移入(onmouseover)事件             window.onload=function(){                 //绑定元素,执行鼠标移入事件   鼠标移入(onmousemove

18.2K40

js鼠标事件

今天遇到一个非常奇怪而又搞笑的事情:给一个a标签添加一个鼠标移动上时给一个事件,我给其添加的是一个onMouseMove事件,结果在IE6 7 8 9和GOOLE中都很正常,结果在Firox中出现问题了...鼠标的一些事件如下所示: onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4...|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O 当键盘上的某个键被并且释放时触发的事件....[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp IE4|N4|O 当键盘上某个按键被放开时触发的事件

13.6K30

js 鼠标事件总结

当监听鼠标事件时,会触发一些事件,我们可以与之交互: mousedown 鼠标按钮触发 mouseup 鼠标按钮被释放 click 点击事件 dblclick 双击事件 mousemove 当鼠标移动到元素上时...button 如果有按钮,则为鼠标事件触发时的按钮数目(通常为0 =主按钮,1 =中按钮,2 =右按钮)。处理由单击按钮引起的事件(例如单击)。...buttons 按钮(如果有),表示在任何鼠标事件上的按钮的数字。 clientX / clientY 无论是否滚动,鼠标指针相对于浏览器窗口的x和y坐标。...ctrlKey 如果在事件触发时ctrl键,则ctrlKey为真。 metaKey 如果事件触发时下了meta键,则metaKey true。...screenX / screenY 屏幕坐标中鼠标指针的x和y坐标。 shiftKey 如果在触发事件时shift键,则shiftKey为true。

9.1K40
领券