草庐IT

键盘控制

全部标签

javascript - 在任何键盘上的 Edge 中检测 @ 字符 onKeyUp

在我的qwerty键盘上的大多数浏览器中,shift+2的event.key是来自keyup键事件的“@”。但是,Edge报告event.key:"2"。所以我可以放下类似的东西if(event.key=="2"&&event.shiftKey){//codetoexecutewhen"@"keyisdown}这很好用,直到一个用户使用来自德国或匈牙利等国家/地区的键盘,或者可能有许多其他国家/地区的用户来到并希望我的代码在键入“@”字符而不是shift+2时在Edge上运行,他们使用其他一些组合键。鉴于某些键盘布局不会从shift+2生成@字符,我如何从Edge中的onKeyUp事件

javascript - 用尖括号和方括号显示的 Chrome 控制台对象属性

在Chrome控制台中列出对象的属性时,我偶然发现了以前从未见过的符号。事实上,一些属性被概述为和[[double-square-brackets-properties]]符号。任何人都可以阐明:这些符号的用途这些行为/修饰符的含义是什么属性(可枚举、可写、可配置等)这是否可以通过纯Javascript操作重现,或者是否只能通过nativeC++对象实现何时引入(ECMAScript规范)您将在下面找到一个示例: 最佳答案 您的大部分问题都已得到解答here.就像那个答案一样,我将继续引用规范:Theyaredefinedbythi

javascript - Accessibility: d3 brush/zoom 可以获得焦点并用键盘控制

关于如何使用键盘控制d3笔刷/缩放的任何提示:1.专注笔刷控制能力2.能够使用键盘改变笔刷区域是否支持开箱即用?更新:显然没有开箱即用的解决方案(希望d3会在某个时候提供)。这意味着自定义解决方案将取决于可视化/场景。发布实际的用户体验和要求,并将针对此特定案例提供解决方案。为了满足可访问性要求,任务是修改下面的图表控件,以便能够使用键盘进行缩放/画笔。这包括:1)能够设置焦点;2)能够使用左右箭头键进行控制。 最佳答案 我要用这个bl.ock作为引用。我相信这是您图像的来源。缩放和画笔功能比较我们对这个block中的一些东西感兴趣

javascript - 在 JavaScript 中,手动控制事件监听器的顺序

假设FORM包含INPUT,有以下监听器:JavaScriptfunctionformFirst(e){...}functionformLast(e){...}functioninputFirst(e){...}functioninputLast(e){...}functionmiddle(e){...}document.getElementById('form').addEventListener('change',formFirst,true);document.getElementById('form').addEventListener('change',formLast,fa

javascript - typescript 键盘事件 : argument of type 'Event' is not assignable to parameter of type 'KeyboardEvent'

即使代码运行完美,我也会出现以下错误:"TS2345:Argumentoftype'Event'isnotassignabletoparameteroftype'KeyboardEvent'.Property'altKey'ismissingintype'Event'."//InaClasspubliclistenTo=(window:Window)=>{['keydown','keyup'].forEach(eventName=>{window.addEventListener(eventName,e=>{this.handleEvent(e);//{const{key}=event

javascript - 如何使用 JavaScript 控制大括号或大括号 { } 内段落(<p> 标记)中任何文本的字体粗细

如果使用JavaScript将文本括在p标记内,我希望能够控制文本的字体粗细。例如:母牛跳过了{月亮}。{}内的字体粗细会增加。这样最终用户就可以将其键入文本区域,并在提交时打印到页面,更改大括号或大括号内的字体粗细。在这方面的任何帮助都会很棒。 最佳答案 以下是您可以执行此操作的方法:varps=document.getElementsByTagName('p');foreach=Array.prototype.forEach;foreach.call(ps,function(p){varcontent=p.innerHTML;p

javascript - 基于对象边界框的相机控制?

three.js的正常轨道控制非常适合圆形物体,但不适用于长物体(尤其是当缩放关闭时),我正在寻找解决方案来解决这个问题。很难用语言描述,请查看来自Google的这个webgl示例(放大到最大可以看到):https://www.google.com/o3d/shopping/viewer/360?q=ymMBhK8fu3C&o3ds=use_3d这是我正在寻找的俯View:我正在考虑基于默认OrbitControls的使用,从相机到边界框的连续转换光线并保持恒定距离,但问题是相机始终注视着物体的中心,这与上面的示例不同(cam仅旋转当到达物体的Angular落时)。任何想法将不胜感激。

javascript - 将键盘事件附加到 HTML 中的 SVG 元素

当在浏览器中运行HTML内的SVG时,无论如何要将textInput或keypress(或实际上任何其他文本输入)事件附加到SVG元素?我可以将事件处理程序附加到document.documentElement,但是当我通过任何机制将事件处理程序附加到任何类型的SVGElement时,没有任何反应......SVG,g,rect......我从SVG规范中看到这不受支持(W3SVGlistofevents),但是是否有任何浏览器支持任何“附加功能”?我无法在Chrome或Firefox上运行以下内容...Keyeventtestbody,html{margin:0;padding:0;

javascript:如何调试键盘事件

想象一个使用自定义键盘事件处理程序的Web应用程序,它可能会进行事件冒泡或事件捕获。有没有办法(例如Firefox/Firebug插件)调试每个击键/键盘事件,比如:显示事件类型和所有属性跟踪调用了哪个javascript方法在事件冒泡的情况下调用了进一步的方法澄清我的问题:我不知道存在哪些方法处理程序以及它们的定义位置-这正是我想要找出的。 最佳答案 您可以尝试使用Firebug+Eventbug可视化通风孔扩展名。有关不同浏览器中键盘事件的一般概述,请尝试以下操作:http://unixpapa.com/js/key.html

javascript - 是否可以输出我在上一次 session 中输入到控制台的所有代码?

是否可以输出我在上一次session中输入到控制台的所有代码?只有代码,没有结果。 最佳答案 在当前检查器中打开一个新的Web检查器(ctrl+shift+j,他们删除了递归检查元素),然后在新检查器中执行此操作:console.dir(WebInspector.consoleView.prompt._suggestBox._textPrompt._data)需要说明的是,您不会在页面的检查器中运行它。您在检查员的检查员中运行它。即:您的检查器也必须取消停靠,否则它只会转到当前检查器的控制台选项卡,而不是打开检查当前检查器的新检查器