javascript - 输入类型 ="file"上的点击事件触发不起作用

标签 javascript

/注意:这仅在指定域上使用时适用,但实际有效/

我一直在尝试模拟鼠标点击事件,它适用于其他任何东西但不适用于这个......

我测试了它,它现在以某种方式工作..但是每当我尝试在这个网站上运行时:http://www.multiplayerpiano.com/好像不行。。。

<input type="file" id="_LOAD" accept="mp3" />

$('#_LOAD').click();

这行不通..

我也试过

$('#_LOAD')[0].click();

运气不好..

谁能解释一下是什么在那个特定的域上阻止了它?

//编辑 - 原始代码

我试图创建一个函数,它允许我创建只允许特定 mime 类型的文件对话框

var load = function(mime,callback){

    var tempmime = (mime) ? mime : "";

    var tempinp = $('<input style="position:absolute;opacity:0;z-index:-1;pointer-events:none" type="file" id="_LOAD" ' + (tempmime == "" ? "" : 'accept=".' + tempmime + '"') + '/>')

    $("body").append(tempinp);
    $(tempinp).focus().click();
// 
    var aab = function(msg){
    callback(msg);
         $(tempinp).off('change',aab);
        $(tempinp).remove();
    };
    $(tempinp).on('change',aab);
}

这就是我在没有 .click 工作的情况下得到的结果。

最佳答案

你能试试吗

  $("#_LOAD").trigger('click');

关于javascript - 输入类型 ="file"上的点击事件触发不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32718671/

相关文章:

javascript - 将 onClick 处理程序附加到填充的列表项 reactjs

javascript - 为什么 gwt 中的建议框没有填充建议列表?

javascript - Ionic - 如何在幻灯片更改时停止视频播放器

javascript - 使用 JavaScript 读取文本文件的内容抛出错误

javascript - Chrome 内容和后台脚本能否共享对 blob : URLs? 的访问权限

javascript - react MDL : No drawer button with standalone drawer

javascript - jQuery 使用 jQuery 删除列表项,淡出 - 从 DOM 中删除

JavaScript:如何计算 2 天前的日期?

javascript - 如何使用javascript分离方程式中的数字和特殊字符?

javascript - 避免 IE 中的 "Stop Script?"对话框