原文:关于伪类after后续追加,实现js事件(如点击事件)

实现情况为:点击 编辑 后, 编辑 文字变成 完成 ,再点击伪类元素后的 完成 ,此时的 完成 应该变成 编辑 情况描述为:如果用伪类实现,点击 编辑 后变成 完成 ,再点击 完成 ,无反应 原因排查为:原 编辑 和后 完成 是同一个span,只是不同类名,但后续动态追加的类名,无法实现点击 语言烦躁,来示例吧 html: .edit after: 编辑 lt div class common g ...

2017-08-28 17:36 0 5661 推荐指数:

查看详情

元素点击事件

为了保持页面简洁,有时候元素会做成类似关闭按钮之类的,并且需要点击事件,绑定方法:   宿主元素设置 pointer-events:none;   元素设置为 pointer-events:auto; 即可实现,不过兼容性有待测试,要求不高的场景可以直接上。 ...

Mon Dec 03 21:49:00 CST 2018 0 1045
用:hover代替js的hover事件

制作二级菜单要实现鼠标移动上去显示子菜单,鼠标移出子菜单隐藏,或者其他类似需求的地方,首先我会想到用jquery的hover事件实现,如: 第一个function实现鼠标移上去的样式,第二个function实现鼠标移开的样式,于是就实现了简单的下拉菜单功能。 之前一直这样做 ...

Tue Jun 09 18:22:00 CST 2015 1 6177
js实现before和after的样式修改

使用javascript,jQuery实现修改before,after的样式 最近遇到一个需要改变:before,:after 的样式,发现css中并不能直接选择某一个元素的:before和:after元素,所以特总结了使用javascript和jQuery改变元素的:before ...

Fri Mar 24 19:25:00 CST 2017 0 40204
【CSS-进阶之元素:focus模拟点击事件

先放上我们最终实现的效果 注:这里建议插入codepen(临时使用图片代替) 我们想要实现点击某个元素时,显示一个tip浮动框。 html: 通常我们会采用JS的方法给触发事件元素监听click事件监听,然后手动显示隐藏。 这里我们用CSS来模拟hover事件 ...

Tue May 01 00:29:00 CST 2018 0 2202
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM