在用户从当前焦点控件点击选项卡键后,我需要在按钮上设置焦点。请注意,在当前焦点控件和所需按钮之间还有其他动态控件,我不希望焦点移走。
控制安排如下:
<dynamic drop down control 1>
<dynamic drop down control 2>
<dynamic drop down control 3 (Focus is currently here)>
<dynamic drop down control 4>
<dynamic drop down control 5>
...
...
<dynamic
我试图找出是否有一种方法可以防止":focus“伪类的样式在有":focus:active”或单击事件而不使用jQuery/JS的情况下应用。由于":active“状态依赖于":focus”状态,因此我假设":focus: not (:active)“工作,但它不工作。有没有办法将":not“与":focus”结合起来,以防止“焦点:活动”触发“焦点”?
更新:在DOM呈现完成之前,无法直接将焦点应用于文本框。
我想知道为什么focus()函数不能在隐藏元素上工作。
例如(我正在使用Vue.js ):
var vm = new Vue({
el: "#app",
data:{
showtext: false
},
methods: {
showTxt(ev){
this.showtext = true
var vm = this;
// if I uncomment setTimeout, then the textbox can set focus
当第一次选择日期时,日期输入字段无效。
Its showing required error message, because of field have an empty value(_check console log_). But field will be valid on second change.
注意:原因之一是日期输入字段在选择日期时失去焦点(单击事件)。但是,只有在发生单击事件时才会更改日期。但是,验证器将在焦点事件上验证字段。
我正在使用验证一个表单,对Widget使用。
^^为了更好地运行完整页面上的代码片段;)或
从@Sparky / @Vignesh :是