:focus选择器用于设置一般意义上具有焦点的元素的样式。但是,考虑到鼠标按下或触摸等情况,它到底是什么时候应用的呢?作为一个web开发人员,我如何才能控制它的一致性?
例如,在Stack Overflow上,如果我在其中一个链接上按下鼠标,但没有激活,在松开鼠标之前将鼠标移开,该链接将获得键盘焦点(如按Tab键所示,焦点转到下一个链接)。然而,即使它有焦点,它也不能获得:focus样式。但是,如果我用Tab键点击一个链接,我会得到:focus大纲样式。
但是在我正在工作的一个网站上,鼠标一按,我马上就会看到:focus风格,所以肯定有一些微妙的细节。
在这段代码中,Chrome for me
我的网页支持键盘导航,按下"TAB“键可按特定顺序切换网页项目的焦点。在焦点项目上按Enter键可打开弹出窗口/选择该项目。
我的自动化测试用例是: 1.在整个网站上按Tab键,并验证正确的项目是否处于焦点中。2.在焦点项目上按Enter键,并验证弹出窗口是否显示。3.在焦点项目上按Enter键,并确认已选中该项目。
from selenium.webdriver.common.keys import Keys
# Qs: I want to test that the first time I press TAB key, the logo is in focus.
我的app.js
// this sets the background color of the master UIView (when there are no windows/tab groups on it)
Titanium.UI.setBackgroundColor('#000');
// create tab group
var tabGroup = Titanium.UI.createTabGroup();
//
// create base UI tab and root window
//
var homeWindow = Titanium.UI.cr
所以我在我的标签栏控制器里有两个标签。
我在Tab 2中有一个按钮,如果我单击它,控制权需要传递到Tab 1,它应该成为当前的视图控制器。
//I should not use navigation for this because the view would navigate
the present view to the view in tab 1 ; but the tab will still indicate Tab 2//
当我点击按钮时,我只需要它转到选项卡1。