在元素单击时打开输入文件对话框，触发相当于jQuery触发器的事件Mootools

Question

尝试隐藏输入文件，以便我可以为所有浏览器设置它的样式，并希望使用js触发文件上传对话框

我的印象是mootools中的.fireEvent(eventType)与jQuery中的.trigger(eventType)相同

jQuery： http://jsfiddle.net/KnqFj/1/

$('#trig_file').click(function(){
    console.log('click');
    $('#file').trigger('click');
});

哞

http://jsfiddle.net/X6mqR/7/哞哞��

$('trig_file').addEvent('click', function(){
    console.log('click');
    $('file').fireEvent('click');
});​​

但它似乎不一样

任何帮助不胜感激

Answer 1

仅供大家参考，这可以用来根据您的喜好设置浏览按钮的样式。您可以完全隐藏输入文件并在任何元素上触发事件。

jquery： http://jsfiddle.net/g9sry/3/

$('#trig_file').click(function(){
    console.log('click');
    $('#file').trigger('click');
});​

哞

http://jsfiddle.net/X6mqR/17/哞哞��

$('trig_file').addEvent('click', function(){
    console.log('click');
    $('file').click();
});​

我在 中测试过，FFIE7 及更高版本歌剧野生动物园铬但是我们仍然没有发现为什么 fireEvent 与 jquery 中的触发器不同