html父级添加伪类after,关于伪类after后续追加，实现js事件（如点击事件）

实现情况为：点击“编辑”后，“编辑”文字变成“完成”，再点击伪类元素后的“完成”，此时的“完成”应该变成“编辑”

情况描述为：如果用伪类实现，点击“编辑”后变成“完成”，再点击“完成”，无反应

原因排查为：原“编辑”和后“完成”是同一个span，只是不同类名，但后续动态追加的类名，无法实现点击

【语言烦躁，来示例吧】

html：

.edit{after:"编辑"}

.complete{after:"完成"}

  //此complete是点击“编辑”之后，动态追加

实现效果：点击“完成”之后，重新显示为“编辑”，需在该span标签的父级元素上绑定

js语法：

$(父级selector).on("js事件","点击的子元素",function(){

//实现的事件

});

eg:

//点击“编辑”

$(".common").on("click",".edit",function(){

//实现的事件

})

//点击“完成”

$(".common").on("click",".complete",function(){

//实现的事件

})

js触发按钮点击事件

js触发按钮点击事件 博客分类: javascript   模拟JS触发按钮点击功能

usually function&l ...

JS怎样将拖拉事件与点击事件分离？

帖子:http://bbs.csdn.net/topics/390785395?page=1#post-397369340 怎样将拖拉事件跟点击事件分离? 须要做到:拖拉时不触动点击事件

js中的点击事件(click)的实现方式

1

js模拟自动点击事件

1.直接上代码很直观

&l ...

js/jquery 禁用点击事件

前言 工作中经常遇到这种情况:验证邮箱页面的重新发送需要在3分钟后才可以点击触发请求,所以在这之前需要禁用他的点击. 网上查了后有以下几种实现方法 1.css禁用鼠标点击事件 .disabled { ...

js 触发LinkButton点击事件，执行后台方法

页面

bootstrap table 生成的表格里动态添加HTML元素按钮，JS中添加点击事件，点击没反应---解决办法

bootstraptable中onExpandRow属性---js  方法添加的 html代码,然后给这代码里面的 元素 添加 事件,却获取不该元素.(称之为未来元素),由于是未来的 所以现在没有这个 ...

jq再次封装自己的ajax & js 回调函数 & js方法注释&js 全局屏蔽点击事件及a标签

1.封装成一个独立JS var commonUrl = 'http://xx.xxx.com/'; function http({ url, type = "post", data ...

随机推荐

CSS与JavaScript的一些问题汇总

通过最近的学习,总结了一些问题,可能总结得不够完善,但是好记性不如烂笔头,先记在这儿,后面看到更完整的回答,再进行修改. 1.事件流,如何阻止冒泡事件流:在点击一个按钮时,实则,按的父容器与按钮的父容 ...

[Linux] IP绑定解释 BindIp

一.缘由: 今天安装Mongodb,本来想限制只能内网或者某几台机器可以访问,看到配置文件有个net.bindIp选项, 就自以为是的认为,他可以像nginx那样限制访问来源IP,其实大错特错.这里配 ...

以代码爱好者角度来看AMD与CMD

随着浏览器功能越来越完善,前端已经不仅仅是切图做网站,前端在某些方面已经媲美桌面应用.越来越庞大的前端项目,越来越复杂的代码,前端开发者们对于模块化的需求空前强烈.后来node出现了,跟随node出现 ...

狗屎的Java规范

规范 标题真有点侮辱了狗. 最近做Java,C#与Java对比笔记: http://www.cnblogs.com/newsea/p/4839540.html 其实Java语法弱点就弱点,关键是Jav ...

【C#进阶系列】01 CLR的执行模型——一个Hello World的故事

好吧,废话少说,先上一章Hello World图: 我们有了一个Hello world程序,如此之简单,再加上我今天没有用汉字编程o(>﹏

iOS沙盒简单介绍

先简单介绍一下什么是沙盒:你可以简单理解成为一个目录,这个目录的改动不会对操作系统造成任何损失.(这里也有一点点介绍) 看看苹果的沙盒目录: 再附一张苹果官方的图 一个iOS app操作都是在自己的沙 ...

【液晶模块系列基础视频】1.3.iM_TFT30模块简介

[液晶模块系列基础视频]1.3.iM_TFT30模块介绍 ============================== 技术论坛:http://www.eeschool.org 博客地址:http:/ ...

NSKeyedArchive(存储自定义对象)

在viewController.m中: - (void)viewDidLoad { [super viewDidLoad]; ZWPerson *p = [[ZWPerson alloc] init] ...

lua 初接触 --- The first time use Lua for programing

The first time use Lua for programing Wang Xiao 1. 关于 lua 的变量类型:  lua 变量的定义与matlab有点不同: local d , f ...