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

哈士奇WWW
TA贡献1799条经验 获得超6个赞
有些定义你理解错了1:focus就是聚焦的意思,你点击了别的地方当然要失焦2:你描述的情况你是想要一个选中状态,因该是点击事件为div增加新的class才对

慕码人2483693
TA贡献1860条经验 获得超9个赞
纯css我感觉没办法,上js可以,失焦的时候判断下是否点击了另一个,没有的话就强行获取焦点(问题是获取焦点其他别的事情都不能干,比如在input里面输入内容)
添加回答
举报
0/150
提交
取消