Question

我尝试读取文件，将单词拆分成数组，计算每个单词的长度，然后如果单词大于输入的数字，则将每个单词重新分配到新数组中。选择文件时，即执行该功能时，执行上述逻辑并将结果显示给元素。当我在Chrome中设置断点时，EventListener似乎没有被触发。有什么建议吗？

我已将JS和html包含在内进行故障排除。提前谢谢！

＆＃13;

function filteredWords() {

    var fileInput = document.getElementById('fileInput'); //create a variable for the html input 
    var displayResult = document.getElementById('displayResult'); //create a variable for the html display
    var temp = document.getElementById('num').value;
    var num = parseInt(temp, 10);

    fileInput.addEventListener('change', function (e) {
        
	var file = fileInput.files[0]; //store the first file into a variable

        var textType = /text.*/; //create a variable for checking if file type is text

        if (file.type.match(textType)) { //if the file is of type text
            var reader = new FileReader(); //create a new file reader object
            var text = "";
            var wordArray = [];

            var filteredArray = [];

            reader.readAsText(file); // read the file

            reader.onload = function (e) { //for the onload event

                text = reader.result; //assign result to new variable

                wordArray = text.split(' '); //split the text words into an array

                

		for (i = 0; i < wordArray.length; i++) { //loop through the array and replace largest word with largest in array
                    if (wordArray[i].length > num) {
                        filteredArray += wordArray[i];
                    }
                }
                displayResult.innerHTML = "Your filtered words are: ";  //display the result in the browser element
                for (i = 0; i < filteredArray.length; i++) {
                    displayResult.innerHTML = largestWord + ", ";
                }
            };
        } else { //display a message if file wasn't read
            displayResult.innerHTML = "File not supported!";
        }
    });
}

＆＃13;

//inputs
<input class="" type="number" id="num" />
<input type="file" onclick="filteredWords()"  id="fileInput" />

//display
<p id="displayResult" class="control-label"></p>

＆＃13;

事件监听器“改变”没有吸引力？

0 个答案: