IE事件动态预览输入框内容

最新推荐文章于 2021-07-10 17:45:23 发布

zccst

最新推荐文章于 2021-07-10 17:45:23 发布

阅读量165

点赞数

CC 4.0 BY-SA版权

分类专栏：浏览器兼容性文章标签： JavaScript 浏览器 ie ViewUI

本文链接：https://blog.youkuaiyun.com/zccst/article/details/84615840

浏览器兼容性专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种在Internet Explorer中实现事件监听的方法，并针对IE7、8、9版本进行了测试。通过使用jQuery简化了事件处理过程，同时展示了如何为输入框添加事件监听器以更新预览内容。

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

作者：zccst

这种解决办法已在IE7，8，9下单独测试成功。
但是放在项目里还有错。


<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>测试标题</title>

<style type="text/css">

</style>
<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
$(function(){
	console.log($("#out").find("input.a,input.b"));
	$("#out").on("input","input", handler);
	if($.browser.msie){
		$("#out").find("input")[0].attachEvent("onpropertychange",handler);
	}
	function handler(e){
		//console.log($(e.currentTarget)[0]);
		//$(e.currentTarget)[0].propertychange = preveiw;
		$("#preview").html($("input[name=url1]").val());
	}
	function preveiw(){
		$("#preview").html($("input[name=url1]").val());
	}
});
</script>

</head>
<body>
预览：<div id="preview"></div>
<div id="out">
	<input type="text" id="url1" class="a" name="url1" value="" />
	<input type="text" id="url2" class="b" name="url2" value="" />
</div>

</body>
</html>