首页
学习
活动
专区
工具
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.4K10

    双击事件(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

    66920

    你的 Link Button 能让用户选择新页面打开吗?

    分2种情况,你可以在掘金页面试一:2.1 新标签页(tab)打开Command(Mac)/Ctrl(Windows) + 鼠标左键click鼠标中键click鼠标右键click,在菜单选择“在新标签页中打开链接...”(无障碍)通过Tab,选中链接时,Command(Mac)/Ctrl(Windows) + 回车键Enter2.2 新窗口(window)打开Shift + 鼠标左键click鼠标右键click,在菜单选择...Ctrl或Command:如果有,就新标签页打开;否则本页面跳转。...event.button表示的是鼠标哪个按键:0:主按键,通常指鼠标左键或默认值1:辅助按键,通常指鼠标滚轮中键2:次按键,通常指鼠标右键3:第四个按钮,通常指浏览器后退按钮4:第五个按钮,通常指浏览器的前进按钮这里我们只管理左键就好...event.preventDefault()如果用户只是普通的左键点击了链接,没任何xxxKey,就应该阻止标签默认行为,由我们的JS去接管,自由操控跳转。

    6.9K171

    【音频处理】Melodyne 网络缩放功能 ( 音符分离线 | 片段分离线 | 窗口滚动条 | 网格缩放 | 修改图像显示位置 | 显示五线谱 )

    就是单次录入的音频 ; 二、窗口滚动条 ---- 窗口滚动条中 , 有音频信息的缩略图 , 横向滚动条是音频样本缩略图 , 纵向滚动条是音高信息缩略图 ; 三、网格缩放 ---- 方式一 : 将鼠标指针放在滚动条两侧位置..., 会显示放大镜图标 , 鼠标左键按住不放 , 左右 / 上下 拖动 , 即可对网格的 横向 / 纵向 进行缩放 ; 方式二 : 点击 垂直滚动条 下方的 按钮 , 可以进行纵向缩放 , 点击...水平滚动条 右侧的 按钮 , 可以进行垂直方向的缩放 ; 方式三 : 同时 Ctrl + Alt 按键 , 编辑面板中的鼠标变成放大镜形状 , 按住鼠标左键拖动 , 可以同时对 横向 和...纵向 网格进行缩放操作 ; 四、修改图像显示位置 ---- 按住 Ctrl 键不放 , 鼠标放在编辑面板中 , 会变成 的形状 , 拖动 , 可以更改样本的显示位置 , 注意不会改变样本的 坐标位置

    3.3K10

    chrome开发者工具小技巧

    还是在Elements面板ctrl + F 或 F3 ,在搜索栏里输入自己想要查找的内容,如果存在,就会在DOM中,用不同的颜色标出。...快速定位行和列 在sources面板中,选择相应的js或css文件,ctrl + O ,在选择指定的文件中使用“:行数:列数”,可以快速定位到相应的行和列。...展开所有子节点 选择”Elements”面板,选择DOM元素,在带有剪头的地点按住Alt +点击鼠标左键,可以展开所有子节点。...多个光标编辑 如图,在js文件中当像同时编辑几个地方时,可以按住ctrl ,鼠标左键点击添加光标,如果添加失误,可以用ctrl + U,撤销最后一个添加的光标。...触发伪类 页面中的hover类,鼠标放上去触发,css有个样式改变,但鼠标移开,又变成原来的样式,这样不好调试。

    1.4K50

    chrome开发者工具小技巧

    还是在Elements面板ctrl + F 或 F3 ,在搜索栏里输入自己想要查找的内容,如果存在,就会在DOM中,用不同的颜色标出。 快速定位行和列 ?...在sources面板中,选择相应的js或css文件,ctrl + O ,在选择指定的文件中使用“:行数:列数”,可以快速定位到相应的行和列。 展开所有子节点 ?...选择”Elements”面板,选择DOM元素,在带有剪头的地点按住Alt +点击鼠标左键,可以展开所有子节点。 多个光标编辑 ?...如图,在js文件中当像同时编辑几个地方时,可以按住ctrl ,鼠标左键点击添加光标,如果添加失误,可以用ctrl + U,撤销最后一个添加的光标。 触发伪类 ?...页面中的hover类,鼠标放上去触发,css有个样式改变,但鼠标移开,又变成原来的样式,这样不好调试。

    1.3K10

    ​Cocos Creator入门实战:桌球小游戏

    球杆脚本我们挂到“Cue”节点,它的功能我们主要需要实现这几个: 监听鼠标事件,通过鼠标的移动控制球杆的方向 监听鼠标左键以及抬起事件,通过的时间控制球杆的力度 鼠标左键时,球杆做向后的移动...(cc.Node.EventType.MOUSE_MOVE, this.onMouseMove, this); //鼠标左键系统事件 cc.Canvas.instance.node.on...鼠标移动的事件回调 onMouseMove (event) { //鼠标时,球杆方向不再移动。球杆隐藏时操作无效 if (this....,从而控制击球的方向 鼠标左键的事件回调 onMouseDown (event) { //球杆隐藏时操作无效 if (this.node.opacity !...= 255) { return; } //将鼠标的标记设置为true this.

    2.5K30

    Unity3D 入门:Unity Editor 编辑器常用快捷键

    Y 英文 Hand Tool Move Tool Rotate Tool Scale Tool Rect Tool Move, Rotate or Scale selected objects 中文 形工具...除了使用 Q 打开形工具随后用鼠标左键漫游场景外,使用鼠标中键也可以在任意工具漫游场景(按住鼠标中键然后移动鼠标)。...按住鼠标右键移动可以以当前镜头处为轴心旋转视角,按住鼠标右键的同时 W A S D Q E 也可以前后左右下上移动镜头。...按住 Alt 键的同时,也可以在任意工具使用鼠标左键移动镜头,不过与前面不同的是,这是以目标物体为轴心来移动和旋转的。 按住 Alt 键的同时,按住鼠标右键上下左右移动也可以移远和移近物体。...窗口调整 Shift + 空格(最大化/还原):当你的焦点在 Unity 编辑器的任何子窗口中的时候, Shift + Space 可以将此子窗口最大化或者还原。

    96130

    JavaScript鼠标事件细讲:执行顺序+注意事项+区别比对

    当用户的焦点在按钮上并按了 Enter 键时,同样会触发这个事dblclick:双击鼠标左键时发生,如果右键也则不会发生contextmenu :弹出右键菜单。...输入框执行顺序是 tochstart -》touchend-》-》mousedown-》focus-》mouseup-》click-》blurmousedown、mouseup、click若在同一个元素上并松开鼠标左键...,不会触发click事件鼠标按键mousedown左右键均可触发,那么怎么区分左右键呢?...以下就是W3C的标准现范:左键中键右键当然微软是不会妥协的,因为e.button本来就是微软最先实现的,网景用的是e.which,但相对而言,微软的复杂多了。...0:没有键被1:左键2:右键3:左键与右键同时被4:中键5:左键与中键同时被6:中键与右键同时被7:三个键同时被参考文章:JS鼠标事件(非常详细) http://c.biancheng.net

    3.6K21

    PS套索工具抠图及快捷键

    这个工具是控制鼠标的路径来选取选取的,精度不易控制,完全靠手法来控制精度 选择这个工具,然后鼠标左键开始跟着鼠标轨迹把选取描绘出来,最后松开鼠标,即可完成 多边形套索工具。...适合选取图片色度对比度较大的图形 磁性套索在使用时会吸附差异较大像素的边缘 在边界模糊的位置,我们可以适当的鼠标单击来纠正磁性套索选取的选区 选取其中一点,然后在要选取图形边缘拖动鼠标,最后闭合选取即可完成...Backspace:也能后退或者取消一个点 Spacebar(空格键):在用磁性套索工具可按住空格键不放,光标会变成一只“”的形状,此时鼠标左键可以拖动图像 ESC:取消绘制 Ctrl+:放大图片...2、点击图层右下角图层区域的【创建新图层】按钮 3、使用ps上方的菜单栏,点击【图层】-【新建】-【图层】 新建图层填充颜色 Alt+Delete:填充前景色,在拾色器中将前景色修改颜色,最后快捷键...“AIT+delete”填充 Ctrl+Delete:填充背景色,在拾色器中将后景色修改颜色,最后快捷键“CTRL+delete”填充 合并图层 Ctrl+E:按住ctrl键或shift键不放将要合并的图层全部选中

    3.6K10

    unity3D场景_3D夜晚场景

    ALT+鼠标左键即可旋转视图。 场景中还有什么? 方向标识:3D视图导航器Gizmos; 坐标网格Grid,标识y=0坐标平面(一般不作调整); 摄像机与光源。...3D视图导航 1、移动视图:Q选择型工具或者直接使用鼠标中键 2、旋转视图:ALT+鼠标左键鼠标右键,摇摆 3、缩放:滚轮 或 ALT+右键 建立方向感 由于Unity中没有规定方向,为方便建立方向感...,我们约定: Y轴:上方;X轴:向右(东方);Z轴:向里(北方) 这只是一种约定,并非强制要求 快速归位:若方向被调整的乱七八糟,用shift+左键点击Gizmos上的坐标可快速归位 方) 这只是一种约定...,并非强制要求 快速归位:若方向被调整的乱七八糟,用shift+左键点击Gizmos上的坐标可快速归位 定位物体:在Hierarchy窗口中选中物体,在Scene窗口中F键,即可以该物体为中心进行显示

    53530

    python selenium系列(三)

    二 操作方法分类 总体来说,可以将操作大体分成四类,即浏览器操作、键盘操作、鼠标操作、js脚本。 1....鼠标常用操作方法: click() # ActionChains 模拟鼠标操作,除了最常用的点击,还有右击、双击等 方法 描述 click(on_element=None) 单击鼠标左键 click_and_hold...(on_element=None) 点击鼠标左键,不松开 context_click(on_element=None) 点击鼠标右键 double_click(on_element=None) 双击鼠标左键...拖拽到某个元素然后松开 drag_and_drop_by_offset(source,xoffset,yoffset) 拖拽到某个坐标然后松开 key_down(value,   element=None) 某个键盘上的键...调用js脚本: execute_script  #执行js脚本完成特定操作 三 操作实战举例 1. 浏览器操作实例 ? 2. 键盘操作实例 ? 3. 鼠标操作实例 ? 4. 脚本操作实例 ?

    99110

    职场人必备的WORD排版十大技巧

    2 任意连续的文字选取: 将指针移到要选取的文字首或末,再按住鼠标左键不放往后或往前拖动,直至选中全部要选择的文字后松开鼠标左键即可。...3 一行文字的选取: 将指针移到该行的行首,在光标指针变成向右的箭头时,单击鼠标左键即可; 4 一段文字的选取: 将指针移到该段第一行的行首,同样在光标指针变成向右的箭头时,双击鼠标左键即可。...5 整个文件内容的选取: 把指针移到该文件中任一行首(在指针变成向右的箭头时),快速单击鼠标左键三次便可选中整个文件内容(也可利用组合键“ Ctrl+A ”快速选定)。...答:其实方法非常简单,在需要调整 Word 文件中行间距时,只需先选择需要更改行间距的文字,再同时“ Ctrl+1 ”组合键便可将行间距设置为单倍行距,而“ Ctrl+2 ”组合键则将行间距设置为双倍行距...,“ Ctrl+5 ”组合键可将行间距设置为 1.5 倍行距。

    1.5K70
    领券