Javascript 使用ajax的Addeventlistener无法正常工作_Javascript_Html_Ajax

Javascript 使用ajax的Addeventlistener无法正常工作

javascript html ajax

Javascript 使用ajax的Addeventlistener无法正常工作,javascript,html,ajax,Javascript,Html,Ajax,我想在“div”中显示txt文件的内容，所以我用一个按钮调用我的函数，但即使我不按下按钮，函数也会触发，下面是我的HTML代码： <body> <form> <input id="showF" type="button" value= "Show File" /> </form> <div id="contaniner" style="background-color:#99FF66;"> <p>It wil

我想在“div”中显示txt文件的内容，所以我用一个按钮调用我的函数，但即使我不按下按钮，函数也会触发，下面是我的HTML代码：

<body>
<form>
     <input id="showF" type="button" value= "Show File" />
</form>

 <div id="contaniner" style="background-color:#99FF66;">
 <p>It will show the txt content</p>
 </div>

</body>

您正在调用函数，而不是作为匿名方法传入

window.onload=function(){
    document.getElementById("showF").addEventListener("click" , function(){
        sacardatos('P1.txt','container');
    },false);
}

addEventListener

的第二个参数应该是一个函数。您没有传递函数，而是立即调用函数并传递结果。改为：

document.getElementById("showF").addEventListener("click", function() {
    sacardatos('P1.txt','container');
}, false);

这不是我问的问题的重复。我用的是二阶函数是的。您在

addEventListener

的参数中调用了

changeStyle

，没有将函数引用传递给

addEventListener

。它是否是二阶函数并不重要。

document.getElementById("showF").addEventListener("click", function() {
    sacardatos('P1.txt','container');
}, false);