简体   繁体   English

Cordova:onclick事件在按钮点击之前调用

[英]Cordova: onclick event is calling before button click

I am new to cordova and javascript. 我是cordova和javascript的新手。 I am just trying to print some message and want to show alert when i click the button. 我只是试图打印一些消息,并希望在我单击按钮时显示警报。 But it is happening once the app is loaded. 但是一旦应用程序加载就会发生这种情况。

This is my code. 这是我的代码。

<body>
    <div class="app">
        <h1>Apache Cordova</h1>
        <div id="deviceready" class="blink">
            <p class="event listening">Connecting to Device</p>
            <p class="event received">Device is Ready</p>
        </div>
           <button id = "setLocalStorage">SET LOCAL STORAGE</button>
            <br/>
        <button id = "showLocalStorage">SHOW LOCAL STORAGE</button><br/>
        <button id = "removeProjectFromLocalStorage">REMOVE PROJECT</button><br/>
        <button id = "getLocalStorageByKey">GET BY KEY</button>
        <p id="demo"></p>
    </div>
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/myscript.js"></script>
</body>

Javascript 使用Javascript

 document.getElementById("showLocalStorage").addEventListener("click", showLocalStorage());
 function showLocalStorage() {
    document.getElementById("demo").innerHTML = "value is empty";
  console.log('fsdfsd');
  alert("am i amazing!!")
} 

Please point me where i did mistake. 请指出我错误的地方。 Thanks. 谢谢。

Do not execute the function , just bind it to addEventListener and execute it when clicked. 不要执行该函数,只需将其绑定到addEventListener并在单击时执行它。

Change this 改变这个

document.getElementById("showLocalStorage").addEventListener("click", showLocalStorage());

to this 对此

document.getElementById("showLocalStorage").addEventListener("click", showLocalStorage);

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM