[原创]js中的bind("input")事件兼容ie8,9

最新推荐文章于 2024-06-28 13:54:31 发布

27℃凉白开

最新推荐文章于 2024-06-28 13:54:31 发布

阅读量5.1k

点赞数 2

分类专栏：前端学习总结文章标签：兼容 js input ie 8 插件

本文链接：https://blog.csdn.net/daxianghaoshuai/article/details/53084392

版权

前端学习总结专栏收录该内容

57 篇文章 0 订阅

订阅专栏

项目的查询表单从回车键监听

$('#keyValue').keydown(function(e) {	//Enter to search.
			var key = e.keyCode;
			if (key == 13) {
				$(this).prev().click();
				return false;
			}
		})

转变为需要在输入框有变化时进行查询,刷新表单,这种功能在现代浏览器上轻轻松松啦~但是~在ie8,9上蛋疼的很,资料说ie9之前的版本都没有input事件,在论坛

点击打开链接中看到歪果大神的插件jquery.splendid.textchange.js,顿时拜服.

插件使用方法很简单

<body>

Input: <input type="text" id="input"><br>
<textarea id="log" readonly></textarea>

<script src="jquery.min.js"></script>
<script src="jquery.splendid.textchange.js"></script>
<script>
$("#input").on("textchange", function() {
    var value = this.value;
    $("#log").val(function(i, oldLog) {
        return oldLog + "textchange, value: " + value + "\n";
    });
});
</script>

</body>

,在这里把这么好用的插件分享给大家,github的地址点击打开链接