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

IE文件上传监听失效解决方案

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

原创最新推荐文章于 2024-03-28 10:56:52 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript学习专栏收录该内容

6 篇文章

订阅专栏

本文探讨了在IE浏览器中，使用jQuery监听input文件改变事件的常见问题。当监听事件放置于click事件内部时，仅能通过键盘或鼠标触发，而无法通过脚本触发。文章提供了解决方案，即在click事件外部添加额外的监听事件，确保脚本能够正常触发监听。

关于上传文件监听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事件里面重写监听触发事件。