草庐IT

tabbed-interface

全部标签

javascript - 为什么不模拟 Tab 键按下将焦点移动到下一个输入字段?

备注this题。我看到除了触发tab按键事件之外还有其他方法,但我仍然想知道为什么触发tab按键事件不会将焦点移动到下一个输入字段。CodePenHTMLJS$('textarea').on('keydown',function(e){if(e.metaKey&&e.which===40){console.log('test');$(this).trigger({type:'keypress',which:9});}}); 最佳答案 因为选项卡事件是用于更改焦点的native浏览器事件/操作。.trigger()函数只触发分配给它的

javascript - 在 JavaScript 类型文件中声明接口(interface)

项目信息我正在开发一个使用.d.ts文件的JavaScript项目。这是我之前提出的问题的后续问题,因此您可以查看有关该项目的更多信息here.问题虽然我通常可以从类型文件中提取函数,但我无法提取空的或仅由接口(interface)组成的接口(interface)或namespace。我通过为每个接口(interface)创建一个const实现并在注释中使用@typeofConstantImplementation暂时解决了这个问题。请参见下面的示例://TypingsFileexportnamespacetest{exportinterfaceITest{foo:string;bar

javascript - 如何对 ExtJS 或类似的基于 JavaScript 的接口(interface)进行单元测试?

我正在使用PHPUnit来测试我的PHP源代码,但我也需要一种方法来测试客户端代码。我使用ExtJS来构建调用服务器获取数据的相当复杂的接口(interface)。我想知道如何测试UI? 最佳答案 最近刚推出一个新工具,叫做Siesta.它专门针对ExtJS(尽管也可以测试任何JS代码),并且非常适合测试ExtJSUI代码,因为它具有内置的ExtJS事件模拟和记录。我个人也用Jasmine对于我的单元测试,ExtJS团队内部也是如此,尽管它不是特别适合UI测试(尽管它非常适合测试代码)。

javascript - JQuery UI 选项卡 : How do I navigate directly to a tab from another page?

JQueryUI选项卡由无序列表中的命名anchor实现。当您将鼠标悬停在其中一个选项卡上时,您可以在浏览器底部显示的链接中看到:http://mysite/product/3/#orders例如,上面是“订单”选项卡。JQuery显然会拦截对该anchor的点击并改为打开选项卡。但是,如果我将上面的链接添加为书签或从网站的其他地方链接到它,该页面不会在特定选项卡上打开。在选项卡初始化block中,我正在考虑放入一些代码来查找URL中的命名anchor,如果找到一个,则对选项卡进行索引查找并在其上调用选择。这意味着它仍然可以在JS关闭的情况下工作。但是有没有更简单/更好/更好的方法?

javascript - 带有类似于 shell 命令行完成的 TAB 完成/自动填充的 Ajax 自动完成(或自动建议)?

我正在实现一个AJAX自动完成/自动建议功能,我不仅要执行与用户键入的内容相似的通常显示建议,而且我想让用户执行部分完成以节省键入.所以,假设我的字典中有这些值:“青苹果”、“青梨”、“绿色水果”、“蓝天”、“蓝水”、“蓝苏醒”。如果用户输入“g”,建议应该是“greenapple”、“greenpear”、“greenfruit”,我想让用户按TAB或其他方式将他的查询更新为“green”,然后他们可以输入“a”,他们会完成“greenapple”。我正在尝试在linuxshell命令行完成后对其进行建模。您能推荐一个执行此操作的控件/脚本吗?还是对现有控件的修改/自定义?

javascript - 使用 JavaScript 的 FileReader 接口(interface)检测文件的内容类型

我一直在为Web应用程序中的纯文本文件设置导入脚本。我的脚本如下:functiondataImport(files){confirm("Areyousureyouwanttoimporttheselectedfile?Thiswilloverwriteanydatathatiscurrentlysavedintheapplicationworkspace.");for(i=0;i它本质上是对thisquestion上的修改.但是,目前用户在技术上可以尝试导入任何文件。由于它是为纯文本文件设计的,如果导入不同类型的文件,就会出现问题。我注意到在控制台中,浏览器检测到正在导入的文件的内容类

javascript - react 导航 2 : How to check previous scene and to disable tab change

我有一个标签导航。我的其中一个选项卡有一个表单,如果我的表单数据未保存,我想禁用导航事件。在ver.1中,tabBarOnPress方法提供了previousScene、scene和jumpToIndex,所以我可以检查我要离开的场景并访问它的Prop。现在在ver.2中,tabBarOnPress方法为场景提供了navigationProp,但是之前的场景Prop不见了:/navigationOptions:{tabBarOnPress:({navigation,defaultHandler})=>{//Checkthepreviousscreen//IfIamleavingtheh

Javascript : setTimeout and interface freezing

上下文我有大约10个复杂的图表,每个图表需要5秒来刷新。如果我对这10个图进行循环,刷新大约需要50秒。在这50秒内,用户可以移动滚动条。如果移动滚动条,刷新必须停止,当滚动条停止移动时,刷新再次发生。我在循环中使用setTimeout函数让界面刷新。算法是:渲染第一张图setTimeout(渲染第二张图,200)第二张图渲染完成后,在200ms内渲染第三张图,以此类推setTimeout允许我们捕获滚动条事件并在下一次刷新时清除超时以避免在移动滚动条之前等待50秒...问题是它不会随时运行。采用以下简单代码(您可以在这个fiddle中尝试:http://jsfiddle.net/Bw

javascript - 别名接口(interface)属性

是否可以使用别名,例如HTMLElement.offsetWidth属性,就像我可以给方法起别名一样EventTarget.prototype.on=EventTarget.prototype.addEventListener我试过:HTMLElement.prototype.w=HTMLElement.prototype.offsetWidth但是得到了:TypeError:'offsetWidth'gettercalledonanobjectthatdoesnotimplementinterfaceHTMLElement. 最佳答案

javascript - JavaScript 中接口(interface)模式的运行示例或工作演示

我正在阅读“projavascriptdesignpatterns”一书,发现在理解本书第2章中给出的“接口(interface)”模式方面没有什么困难,因为没有完整的代码示例演示该模式的用法。我正在寻找一些帮助来理解这种模式,一些正在运行的代码示例可能在jsfiddle等上。本书第14-22页解释了这种模式,我不理解的要点是“addForm”方法在哪里以及如何被调用。要么如果有人可以使用一些测试数据和对象来完成ResultFormatter示例,这将对理解模式非常有帮助。可以从http://jsdesignpatterns.com/下载“ProJavascriptDesignPatt