脚本改变input监听事件不生效问题

最新推荐文章于 2024-03-28 10:56:52 发布

z_zhangzhen

最新推荐文章于 2024-03-28 10:56:52 发布

阅读量1.8k

点赞数

分类专栏： JavaScript学习

本文链接：https://blog.csdn.net/z_zhangzhen/article/details/84139037

版权

JavaScript学习专栏收录该内容

6 篇文章 1 订阅

订阅专栏

关于上传文件监听input改变ie不生效问题

<html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript" src="js/jquery-1.11.3.js" ></script>
    	</head>
    	<body>
    		<input id="test" type="file"/>
    		<button id="testclick">点击</button>
    	</body>
    	<script>
    		
    		$("#testclick").click(function(){
    			$("#test").click();
    			//如果将此监听代码放在点击事件之外可以由脚本触发，否则只能由键盘和鼠标触发
    			$("#test").bind("input propertychange",function(){
    				alert($("#test").val());
    			})
    		});
    		//如果不加此监听事件，则在IE中无法触发click事件中的绑定事件
    		$("#test").bind("input propertychange",function(){
    				
    		})		
    	</script>
    </html>

在ie浏览器中，如果将监听事件写在click事件里面，脚本将触发不了监听事件（在谷歌浏览器中可以触发），只有键盘和鼠标才能触发。遇到这种情况，可以仿造Java在click事件之外添加一个监听事件，在click事件里面重写监听触发事件。