jquery触发click事件问题

下面两种写法都会出现这样的异常Uncaught RangeError: Maximum call stack size exceeded,程序陷入click事件的死循环了。

$("#upload").on("click", function() {  
	$('#choose').click(); 
})
$("#upload").on("click", function() {  
$('#choose').trigger('click');
})

jquery触发click事件问题_第1张图片

<span class="ion-image image" id="upload">
	<input type="file" id="choose" accept="image/*" multiple>
span> 

换下面的写法,可以正常弹出选择附件的对话框。

$("#upload").on("click", function() {                                                                                                                                                                             
			var filechooser = document.getElementById("choose");
			filechooser.click();
	      })    

分析这些写法得到的dom节点,发现$('#choose')获取的是数组
jquery触发click事件问题_第2张图片
于是换种写法,ok了。

$("#upload").on("click", function() {  
	$('#choose')[0].click(); 
})

你可能感兴趣的:(jquery,jquery)