jquery控制文本框输入数字变化后做操作

最新推荐文章于 2021-01-05 22:46:39 发布

iteye_12411

最新推荐文章于 2021-01-05 22:46:39 发布

阅读量252

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery javascript 文章标签： jquery javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_12411/article/details/82279761

javascript 同时被 2 个专栏收录

45 篇文章

订阅专栏

jquery

31 篇文章

订阅专栏

本文介绍了一种使用jQuery扩展方法来监听HTML元素属性变化的方法，并提供了一个示例代码，该代码演示了如何在输入框的内容发生变化时更新另一个元素的文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.最简单方式绑定onkeyup事件

2.jQuery.fn.extend({

propertychange: function(fn) {

if (!+ [1, ] != true) {

$(this).get(0).addEventListener("input", fn, false)

}

$(this).bind("propertychange", fn);

return this

}

});

以下是例子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script  type="text/javascript">
jQuery.fn.extend({
	propertychange: function(fn) {
		if (!+ [1, ] != true) {
			$(this).get(0).addEventListener("input", fn, false)
		}
		$(this).bind("propertychange", fn);
		return this
	}
});
</script>
</head>
<body>
<input id="setCont" type="text" value='啊啊'/><span id="count">5</span>
<script>
$('#setCont').propertychange(function(){
    var t = this;
    $('#count').text(t.value.length);
});
</script>

</body>
</html>