文档章节

监听span标签中的内容变化

7zi7
 7zi7
发布于 2017/06/28 10:56
字数 192
阅读 245
收藏 0

我们可以用change事件来完成元素值发生改变触发的监听,但是change 适用于<input>、<textarea> 以及 <select> 元素,对于 div,span等元素就不能使用了。

有个需求,是如果span标签中的日期内容变化了,需要重新请求数据。从网上查到了一个方法,但是有点注意事项,简单记录下。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>test</title>
		<script src="js/jquery-1.10.2.min.js"></script>
	</head>
	<body>
		<span class="aa">hello</span>
		<button class="btn">click me</button>
		<script>
			$(function(){
				
				$('.btn').click(function(){
					//下面这样写不会触发DOMNodeInserted
					//$('.aa')[0].innerText = 'change';
					
					//以下都可以触发DOMNodeInserted
					//$('.aa')[0].innerHTML = 'change';
					//$('.aa').html('change');
					$('.aa').text('change');
				});
				$('.aa').bind('DOMNodeInserted',function(e) {
					console.log('DOMNodeInserted');
					console.log($(e.target).html());//change
				})
			})
		</script>
	</body>
</html>

 

© 著作权归作者所有

7zi7
粉丝 0
博文 4
码字总数 1656
作品 0
私信 提问
Android 如何优雅地实现@人功能?

最近有个需求:评论@人。网上已经有一些文章分享了类似功能实现逻辑,但是几乎都是扩展EditText类,这种实现方式肯定不能进入我的首发阵容。你以为是因为它不符合面向对象六大原则?错,只因...

猴亮屏
2018/12/12
0
0
Android端IM应用中的@人功能实现:仿微博、QQ、微信,零入侵、高可扩展[图文+源码]

本文由“猫爸iYao”原创分享,感谢作者。 1、引言 最近有个需求:评论@人(没错,就是IM聊天或者微博APP里的@人功能),就像下图这样: 网上已经有一些文章分享了类似功能实现逻辑,但是几乎...

JackJiang2011
2018/12/23
0
0
Android端IM应用中的@人功能实现:仿微博、QQ、微信,零入侵、高可扩展

本文由“猫爸iYao”原创分享,感谢作者。 1、引言 最近有个需求:评论@人(没错,就是IM聊天或者微博APP里的@人功能),就像下图这样: ▲ 微信群聊界面里的@人功能 ▲ QQ群聊界面里的@人功能...

首席大胸器
2018/12/23
0
0
CSS 层叠式样式表

css cascading style sheets 1996 电脑586 层叠样式表 本身也是文本 {} 工作环境 任何文本编辑器 Dreamweaver webstorm 显示环境-浏览器 优势 避免使用不必要的HTML元素 减少代码量 缩短更新...

RanoB
2016/12/18
5
0
说说如何在 Vue.js 中实现标签页组件

标签页组件,即实现选项卡切换,常用于平级内容的收纳与展示。 因为每个标签页的内容是由使用组件的父级控制的,即这部分内容为一个 slot。所以一般的设计方案是,在 slot 中定义多个 div,然...

deniro
01/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Storm+Hbase广告实时统计

本文主要讲述使用Kafka+Strom+Hbase搭建的一套广告实时计算系统。其中服务器显示使用的是SpringBoot+Vue+ElementUI+EChats. 主要内容: 1.需求 2.日志格式 3.Hbase表格设计 4.编写Storm程序 ...

飓风2000
25分钟前
3
0
android,ContentProvider+ContentObserver+ContentResolver,用法。

这个是传智播客老师讲android开发时的一个图。 一、 PersonProvider继承ContentProvider,实现ContentProvider中的数据操作类。 ContentObserver——内容观察者,目的是观察(捕捉)特定Uri引起...

天王盖地虎626
31分钟前
2
0
解决markdown中的不换行问题

没有解决我的格式显示问题 https://blog.csdn.net/qq_23483671/article/details/79017609

南桥北木
36分钟前
2
0
产品上新|ZStack3.5.0正式发布啦!

海量产品资料传送门~ 一、ZStack全线产品下载通道汇总 社区版(免费): https://www.zstack.io/product/zstack_open_source/ 企业版下载: https://www.zstack.io/product/zstack_enterpris...

ZStack社区版
38分钟前
2
0
mysql 大表分页查询 翻页 优化方案

mysql分页查询是先查询出来所有数据,然后跳过offset,取limit条记录,造成了越往后的页数,查询时间越长 一般优化思路是转换offset,让offset尽可能的小,最好能每次查询都是第一页,也就是...

花树堆雪
42分钟前
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部