onchange事件未在chrome

时间:2016-09-07 05:34:36

标签: html google-chrome input onchange eventhandler

我想使用HTML5输入元素从本地系统中选择两个文件。我已经编写了如下代码,它在firefox中工作正常,但在chrome中不起作用。无论我是使用addEventListener方法还是遵循input1.onchange = function name的旧样式,onchange事件都不会触发。根据我的要求,我需要在一种情况下一个接一个地选择两个文件,在所有其他情况下我只需要选择一个文件。你能告诉我如何让它在chrome上工作吗。

html代码段

<button id="openfolder"></button>

JavaScript代码段

function init() {
    document.getElementById('openfolder').addEventListener("click",
    menu_onclick,false);
}

//I am not appending the element to the document.
function menu_onclick(ev) {
    var input = document.createElement('input');
    input.id = 'selectFile';
    input.type = 'file';                            
    input.addEventListener("change",file_onchange,false);
    input.click();
}

function file_onchange(ev){
    var input1 = document.createElement('input');
    input1.id = 'selectXMLFile';
    input1.type = 'file';
    input1.addEventListener("change",xmlSelect,false);
    input1.click();
}

0 个答案:

没有答案