B触发A的绑定事件

最新推荐文章于 2025-07-22 07:18:48 发布

原创最新推荐文章于 2025-07-22 07:18:48 发布 · 345 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文详细介绍了如何使用HTML和JavaScript实现文件上传功能，并通过按钮触发文件选择对话框。通过绑定事件，使得按钮点击能够激活隐藏的文件输入框，实现更友好的用户交互体验。

<input type="file"/>
<button>按钮</button>

function selFile () {	 // 事件触发的函数
}

var selFileIpt = $('input[type=file]');

//绑定事件
selFileIpt.on('change', selFile);	 

var selFileBtn = selFileIpt.next();

//让按钮去触发input的click事件
selFileBtn.on('click', function () {  
	$(this).prev().click();
})

效果图
奇偶行变色：
在这里插入图片描述
鼠标移上变色：