草庐IT

tab_color_selector

全部标签

javascript - Jquery-自动完成 : makes the tab key select the first item if no item is selected

这个问题的目标是:通过使用jquery-autocomplete,使tab键能够在没有选择任何项目的情况下选择第一个项目。我实现的代码(1)有效,但我有一些疑问,我想澄清它们,或者如果可能的话,改进/更改代码(1)以实现我的目标。我的疑问是:我太早触发了ENTER:事件调度是异步的(不同的监听器是同步调用的,但它是异步的触发器),所以我可能会在监听器处理DONE之前触发它。因此,我在这里仍然为两个事件使用相同的对象,所以我可能会产生令人讨厌的副作用(如果我在第一次调度期间阻止默认设置,那么第二个调度也会被阻止,因为它是同一个对象,例如).有什么建议/意见吗?附言:这是jsfiddle链

javascript - 有没有办法在 JS 中比较两种颜色,比如 'If Color A is darker than #202020'

我的一个页面的背景颜色是从用户设置为他们的Twitter背景颜色的背景颜色中提取的。我有一个带有黑色边框的圆框的页面。如果背景颜色很暗,边框看起来不太好,所以我想删除比任意十六进制颜色更暗的背景边框。我考虑这样做的方法是使用正则表达式提取3个RGB值并将它们相加,然后将其与我的引用颜色进行比较。有没有更好的方法来实现这一目标? 最佳答案 您可以编写一个在RGB和HSL或HSV之间转换的函数,并使用亮度或亮度值。维基百科有HSV->RGB转换的数学,但没有其他方法。http://en.wikipedia.org/wiki/HSL_an

javascript - Angular : "tab" keycode event not firing

我有一个带有处理程序的表单字段,我想在用户使用return/enter或制表符故意接受值后触发到下一个字段。在这种情况下我不能使用onBlur,因为如果用户或系统模糊该字段,它当然会触发。我只希望它出现在键盘上。所以我有这个。我先输入了enter,效果很好。但是keycode==9不会触发处理程序。焦点只是移动到下一个字段。ng-keyup="($event.keyCode==13||$event.keyCode==9)&&packages.submitNumber('add',packages.addTrackingNumber)"有没有办法在enter或tab上触发?

javascript - 如何将 Selector 与我的 Utility 函数结合使用?

在使用TestCafe编写测试时我正在创建实用函数,但在任何函数中使用Selector('')方法时似乎出现问题。Selector('')方法在测试文件中以及从另一个文件(utility_selectors.js)导入时都可以正常工作。我想我需要在函数中包含一些东西,但我卡住了,似乎找不到解决方案。我的目标是创建一个函数来选择鼠标点击坐标。Utility_selectors.jsimport{Selector}from'testcafe';exportconstviewport=Selector('.viewport').find('canvas');Utility_functions

"Open in new Tab"的 Javascript 事件

我有以下问题:我使用Javascriptonclick事件来更改链接的href。它就像一个魅力,但前提是用户只需单击一个链接。如果“在新选项卡中打开”功能用于链接-onclick事件将不会触发并且href永远不会改变。有什么办法可以处理这样的事件吗?也许使用jQuery或其他一些JS框架?例子:Link 最佳答案 努力改变Link到Link 关于"OpeninnewTab"的Javascript事件,我们在StackOverflow上找到一个类似的问题: ht

javascript - Twitter Bootstrap nav-tab 默认不加载

我已经使用Bootstrap创建了一个导航选项卡,但是,在单击其他选项卡之前,第一个选项卡不会自动加载。单击其他选项卡后,可以使用第一个选项卡。这是fiddle:http://jsfiddle.net/GGMWX/416/基本上,加载脚本后,删除导航选项卡不会显示删除按钮。只有当我单击“提升”或“还原”导航选项卡时,“删除”导航选项卡才会激活并加载。DeleteFilePromoteRevert 最佳答案 您需要将tab-pane默认设置为active以及li: 关于javascript

javascript - 火狐 WebExtension API : how to get the URL of the active tab?

这个问题在这里已经有了答案:GettabURLfrompageaction(WebExtensions,Android)(2个答案)关闭5年前。正在将我的旧Firefox扩展迁移到最新的Webextension格式。早些时候,我能够通过以下方式获取事件选项卡的URL:varURL=tabs.activeTab.url;现在,它不起作用。我看到了tabs.getCurrent()和tabs.Tab->url的一些引用,但没有找到关于如何使用它的单个示例。那么,如何获取事件Firefox选项卡的URL并将其放入变量以供进一步使用?谢谢,浣熊

javascript - 输入焦点或按下 tab 键,移动到屏幕中心

我有许多表单域跨越页面折叠。当按“tab”键逐步浏览每个输入/选择字段时,它位于页面折叠底部的下一个字段。我的一些字段有工具提示、验证响应和显示在字段下方的自动建议框。使用Tab键切换到字段时,您无法在折叠页面下方看到这些元素。是否有javascript或jQuery脚本可以使屏幕围绕聚焦的输入/文本区域/选择/按钮字段垂直居中,而不是对齐到底部? 最佳答案 您可以只绑定(bind)到焦点事件,然后计算字段的偏移量并将其在屏幕上居中。$(':input').focus(function(){varcenter=$(window).h

javascript - jQuery 中的按键 : Press TAB inside TEXTAREA (when editing an existing text)

我想在TEXTAREA中插入TAB字符,如下所示:{KEYPRESS-INSERTS-TAB-HERE}HelloWorld我可以在现有的TEXTAREA文本之前/之后插入-我可以在TEXTAREA中插入/替换所有文本-但还不能插入以一种简单的方式在现有的TEXTAREA文本(通过光标)中。$('textarea:input').live('keypress',function(e){if(e.keyCode==9){e.preventDefault();//PressTABtoappendastring(keepstheoriginalTEXTAREAtext).$(this).ap

javascript - 如何在 Rails 3.2 应用程序中使用 Twitter Bootstrap 的 Tabbable Tabs 在单击一个选项卡时将内容返回到两个单独的 tabbable ID

使用TwitterBootstrap的bootstrap-tab.js,我有:abouteducationexperienceverifiedskillsvideoContent1.........我怎样才能得到它,所以如果我把:Content2...配置文件中的两个位置(一次在导航栏上方和一次下方)并且每个位置都有不同的内容,它会起作用吗?截至目前,内容出现,但一旦点击,它就会消失。可以同时有两个“活跃”的里吗?编辑:因为我在Rails3.2应用程序中使用它,所以我目前在bootstrap-tab.js中有以下内容:$('#myTaba').click(function(e){e.p