草庐IT

tabbed-interface

全部标签

javascript - jQuery UI 自动完成 : Disable tab completion?

reference如何禁止使用Tab键来选择当前/突出显示的项目?我只想Enter来填充它。 最佳答案 Ryan'sexample将取消放在keypress事件中对我不起作用,但我们可以将其放在自动完成的select选项中:select:function(e,ui){if(e.keyCode===9)returnfalse;//othercode...} 关于javascript-jQueryUI自动完成:Disabletabcompletion?,我们在StackOverflow上找到

javascript - keydown 事件(TAB 键)修改元素值时未触发 Change 事件

给定的HTML:和JavaScript的:var$test=$('#test');$test.on('keydown',function(event){if(event.keyCode===9){$(event.target).val('changeit!');}});$test.on('change',function(event){alert('Iamnotcalled!');});如果我在输入中键入任何内容并点击tab,为什么change事件没有触发?keydown事件触发,并更新输入的值。如果我删除.val()调用,那么change会触发。起初,我认为这是一个jQuery问题(

javascript - Chrome 扩展 : open new tab from a form in popup

我在chrome扩展弹出窗口中有一个简单的javascript表单。单击扩展程序图标时,用户填写表单并单击“开始!”,这将打开一个新选项卡-这个新选项卡的URL将根据表单中的值确定。目前弹出窗口显示正常,表单值填充正常。如何在用户单击按钮时打开选项卡?(我对javascript很陌生,文档把我搞糊涂了:|)list.json:{"name":"MyHelper","version":"1.0","description":"MyHelper","background_page":"background.html","browser_action":{"default_icon":"ic

javascript - Bootstrap Nav-tab 显示隐藏内容

在我为学习Rails和JS而构建的应用程序中,我想使用选项卡导航。这是我指向3个部分的选项卡导航。我现在正在寻找创建JavaScript的方法。单击选项卡并将类事件设置为单击的时如何处理此问题同时显示相应的部分?我无法执行getElementById之类的操作。所以,我需要这样的结构:$("li.presentation").on("click",function(event){...$(...).class("active");$(...).toggle();};感谢所有帮助!DetailsTagsComments章节Section1contenthereSection2conten

javascript - 如何在 javascript 或 jQuery 中模拟 ENTER 按键上的 TAB

我想更改页面中所有输入的keydown(按键)中的键码。我想用TAB键码替换Enter键码。我该怎么做?谢谢编辑1)考虑这段代码:12343333123我希望当用户在上述任何一个控件上按Enter时,焦点转到下一个控件。谢谢 最佳答案 我遇到过类似的问题,我想在小键盘上按+以切换到下一个字段。现在,我发布了一个我认为会对您有所帮助的库。PlusAsTab:AjQueryplugintousethenumpadpluskeyasatabkeyequivalent.因为你想要enter/↵代替,你可以设置选项。通过jQueryevent

javascript - 在 Firefox 中使用 JavaScript 捕获 Tab 键

我使用以下限制用户只能输入一些字符。当我按Tab键时,光标不指向下一个控件(在Mozilla中)。但它在IE中运行良好。//Restrictsusertoentercharactersotherthanatoz,AtoZandwhitespace()//RaufK.06.11.2010$("input:text.characters_only").keypress(function(e){if(!((e.which>=65&&e.which=97&&e.which 最佳答案 我建议尝试使用e.keyCode而不是e.which。这是

javascript - 未捕获的异常 : cannot call methods on tabs prior to initialization

我正在使用以下代码更改点击时的标签颜色$("ul.tabs").tabs(">.pane");但是它抛出错误uncaughtexception:cannotcallmethodsontabspriortoinitialization;attemptedtocallmethod'>.pane'谁能帮我解决这个错误是什么? 最佳答案 如异常所述,它非常简单。您必须先初始化选项卡,然后才能对其进行处理。所以初始化它们。function(){$("ul.tabs").tabs();}或者简单地使用$("ul.tabs").tabs().ta

javascript - 极其奇怪的行为 : IE11 seems to create an invisible tab when scripts are blocked and then allowed - how to fix it?

IE处于最佳状态:有一个U盘,上面有一个HTML文档。当用户在IE11中打开它并且脚本被阻止时,会出现允许这些脚本运行的提示。当您点击允许时,网站似乎重新加载,但看起来也像是打开/关闭了一个新标签页。一旦启用JS,您将被重定向到网站的在线版本。现在,网站上有一个视频在10秒后开始自动播放。但在IE11中,几秒钟后同一视频开始并行播放,因此您会听到两次声音。当您检查DOM并删除时标签(只有1个),一个视频停止播放。较晚开始的那个继续播放。即使我访问另一个网站,视频也会继续播放。只有关闭浏览器才能停止播放视频。当我允许直接执行脚本时,不会出现这种情况。使用video.js和jQuery。有

javascript - Webstorm接口(interface)实现警告使用JSDoc

我对JSDoc很陌生,我正在试用Webstorm,所以我对webstorm也很陌生。一方面,我有一个这样声明的接口(interface):/**@interface*/functionIInterface(){}IInterface.prototype.myMethod=function(){};另一方面,我正在开发一个模块,我在其中实现了这个接口(interface):window.exports.MyImplementation=(function(){"usestrict";/****@constructor*@implements{IInterface}*/functionMy

javascript - 当我使用 Angular md-selected 索引频繁切换选项卡时,多个 'md-tab' 同时具有 'md-active' 类

当我频繁切换md-tabs时,Md-tabs切换正确但多个md-tab-item元素同时具有“md-active”类,所以我看不到选项卡的内容是事件的,因为它与其右侧选项卡的内容重叠。据我所知,在angular-material中,当我们选择一个选项卡时,angular首先取消选择上一个选项卡(隐藏页面上先前显示的内容)并显示所选选项卡的内容。在执行此过程时,Angular未删除以前事件选项卡的“md-active”类。这是重现该行为的fiddle。这是随机行为,并发点击时出现。请在点击“切换标签”按钮后等待1分钟jsFiddleangular.module('firstApplica