请教各位一个问题,求解答:CSS div获取聚焦 问题谢谢哈~

需求是有多个div,通过点击div使得被点击的div样式发生改变
相关代码如下html
div1
div2
css
.div1:focus,
.div2:focus{
background-color:red
}
问题:虽然初步实现了点击div样式改变,但是遇到一个问题,点击这两个div之外的地方,div的焦点会失去,样式也会还原,怎么才能做到像单选框一样,做到多选一,点击这两个div之外的地方,div1和div2中保留focus。
万千封印
浏览 431回答 2
2回答

蛊毒传说

有些定义你理解错了1:focus就是聚焦的意思,你点击了别的地方当然要失焦2:你描述的情况你是想要一个选中状态,因该是点击事件为div增加新的class才对

料青山看我应如是

纯css我感觉没办法,上js可以,失焦的时候判断下是否点击了另一个,没有的话就强行获取焦点(问题是获取焦点其他别的事情都不能干,比如在input里面输入内容)
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript