美文网首页
div等元素通过增加tabIndex属性使其支持:focus

div等元素通过增加tabIndex属性使其支持:focus

作者: IT姑凉 | 来源:发表于2020-12-10 23:38 被阅读0次

由于div等元素无法接受键盘或其他用户事件,即不支持:focus伪类,可通过增加tabIndex属性使其支持:focus

div:focus {
    background-color:red;
}

。。。

<div tabindex="1"> Section 2 </div>
<div tabindex="2"> Section 3 </div>

相关文章

  • div等元素通过增加tabIndex属性使其支持:focus

    由于div等元素无法接受键盘或其他用户事件,即不支持:focus伪类,可通过增加tabIndex属性使其支持:focus

  • div元素focus、blur绑定

    如果要为div元素增加foucs和blur方法监听,需要修改div元素的tabindex属性,设置为-1;

  • 按Tab键,input元素不获得焦点

    支持 tabindex 属性的元素:a, area, button, input, object, select ...

  • CSS3选择器

    属性选择器 在HTML中,通过各种各样的属性可以给元素增加很多附加的信息。例如,通过id属性可以将不同div元素进...

  • 第6章 征服CSS3选择器(上)

    属性选择器 在HTML中,通过各种各样的属性可以给元素增加很多附加的信息。例如,通过id属性可以将不同div元素进...

  • Js中onfocus和focus的区别

    focus() 是方法,onfocus 是事件属性。 focus()是去触发使其获得焦点,onfocus表示获得焦...

  • 每日一问

    HTML的tabindex是什么属性,它的值分别为0,负,正时代表什么? tabindex指示元素是否可以聚焦,是...

  • HTML扩展知识

    1.全局属性 几乎所有元素都具有的属性 1.1 accesskey & tabindex 1.2 id,class...

  • tabindex, taborder和notab属性的区别

    tabindex, taborder和notab属性默认状态下,所有元素(隐藏元素除外)都是表单制表(tab)顺序...

  • :active

    不止用于链接。可用于为更多元素,比如div,按钮等,设置鼠标按下时的效果 :active, :hovor, :focus

网友评论

      本文标题:div等元素通过增加tabIndex属性使其支持:focus

      本文链接:https://www.haomeiwen.com/subject/djedgktx.html