单击元素时打开输入文件对话框,fireEvent Mootools相当于jQuery触发器

时间:2012-11-27 01:57:45

标签: jquery mootools

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

我认为mootools中的.fireEvent(eventType)与jQuery中的.trigger(eventType)相同

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

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

mootools:http://jsfiddle.net/X6mqR/7/

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

但似乎不一样

感谢任何帮助

1 个答案:

答案 0 :(得分:4)

仅供大家参考,可以使用此按钮将浏览按钮设置为您的首选项。您可以完全隐藏输入文件并在任何元素上触发事件。

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

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

mootools:http://jsfiddle.net/X6mqR/17/

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

我测试过, FF IE7和Up 歌剧 苹果浏览器 铬 但我们仍然没有找到为什么fireEvent与jquery中的触发器不同