jjzjj

tab-ordering

全部标签

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

javascript - 如何在 IE9 中将 Enter 转换为 Tab(焦点改变)?它适用于 IE8

我有一个带有onkeydown事件处理程序的文本输入,它通过将事件的keyCode从13更改为9将转换为。Javascript:functionenterToTab(myEvent){if(myEvent.keyCode==13){myEvent.keyCode=9;}}functionchangeEvent(myInput){vartest="hello";}在IE8中,这会触发onchange事件,但在IE9中不会发生。相反,输入字段保留焦点。我怎样才能做到这一点?(它适用于Firefox3.6和Chrome10.0。)如果我将文档模式设置为“IE8标准”,这甚至适用于浏览器模式I

javascript - Bootstrap shown.bs.tab 事件不工作

我正在使用Flexytemplate(使用Bootstrap)并且我无法在选项卡上运行shown.bs.tab事件。我已经设法让它在JSFiddle上工作了.这是我在我的模板中使用的代码,没有产生任何结果:Tab1Tab2Tab1ContentTabe2Content$(function(){$('a[data-toggle="tab"]').on('shown.bs.tab',function(e){alert(e.target.href);})});我能错过什么?如果我将此代码复制/粘贴到Flexy代码上,则它不起作用。了解错误的步骤是什么?谢谢! 最佳

javascript - jquery UI Tab 不随容器滚动

设置:我有一个包含div,它是可滚动的。这是我的jqueryui选项卡div的容器。问题:当我在IE8中滚动容器时,它会滚动其中的其他内容,但jqueryUI选项卡是固定的,就像position=fixed一样。在FF中工作正常。欢迎任何帮助。非常感谢CSS:#content{overflow:auto;margin:1px;height:700px;}div.content-container{border:solid1px#C8C8C8;padding:10px;background-color:#F5F3E5;margin:1px2px10px1px;}js:$('#tabs')

javascript - .click() 事件时 'Open in new tab/window'

当我使用.click()时在上标记,事件仅在我单击该元素时有效。否则,如果用户右键单击>在新窗口中打开或在新选项卡中打开,它不会触发click()。事件。所以,我的问题是……如何触发click()当用户右键单击>在新选项卡/窗口中打开时发生的事件?这是HTML:ClickMe这是Js:$("a").click(function(){alert('Youclickedme!');}); 最佳答案 您可以尝试这段代码,但请记住更改UI不是一个好主意:varaddEvent=(document.addEventListener)?func

JavaScript : Fastest way to insert DOM element in sort order

所以我有几个(~30)个返回数据的异步调用(每个调用~25条记录),我想按特定顺序显示这些数据。目前,页面等待所有内容加载,对单个内部数组进行排序,然后添加DOM元素(每个数据项都应用于HTML模板/字符串,该模板/字符串被有效地连接并添加一次到父元素的innerHTML).我希望将数据插入每个数据集(当它返回时)...但这意味着我需要一种不同的方式来处理排序/排序。我考虑过的方法:理想情况下,将DOM镜像到某种B树中,这样INSERT操作就可以遍历树,寻找正确的元素插入之前/插入之后...因为我还没有看到任何库来解决这种需要,看来我最终会写一些代码。相对而言,手动迭代DOM以寻找要插

javascript - 非常简单的 JavaScript/jQuery 示例 : unexpected evaluation order of instructions

令我惊讶的是,在基于jQuery的CSS属性更改之后通过jQuery应用的CSS3转换规则实际上为该属性更改设置了动画。请看http://jsfiddle.net/zwatf/3/:最初,由于这两个类的默认CSS属性,一个div由两个类设置样式并具有一定的高度(200px)。然后通过删除一个类使用jQuery修改高度:$('.container').removeClass('active');这会将高度从200像素降低到15像素。之后,通过添加类将转换规则应用于容器:$('.container').addClass('all-transition');发生的事情是高度的降低变成了动画(