jQuery 监听 element change 事件

2018-08-07

change 事件适用于文本域在值变化时触发，我们也可以在非标单元素中通过主动调用 change() 方法来触发 change 事件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>change事件</title>
		<style>
			#container {
				min-height: 120px;
				border: 1px solid #aaa;
			}
		</style>
	</head>
	<body>
		<div id="container">

		</div>
		<button type="button" id="btn">add "aaa" for div</button>
        <button type="button" id="attr">监听属性</button>

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
		<script>

			function changes(){
				alert("changes");

			}

			$("#btn").click(function() {
				$("#container").append("aaa").change();
			});
			$("#attr").click(function() {
				$("#container").attr("data-value", "test").change();
			});
			$("#container").bind("change", changes);
		</script>
	</body>
</html>

试一试

最近热读

Go 判断数组中是否包含某个 item

Vim 高级功能 vimgrep 全局搜索文件

办理北京工作居住证的一些细节

Go 语法错误：Non-declaration statement outside function body

Mac 电脑查看字体文件位置

扫码关注公众号，或搜索公众号“温欣爸比” 及时获取我的最新文章

jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true