Javascript 如何在第二次单击时执行操作？_Javascript_Html_Css

Javascript 如何在第二次单击时执行操作？

javascript html css

Javascript 如何在第二次单击时执行操作？,javascript,html,css,Javascript,Html,Css,我之前问过一个类似的问题，其中一个答案是这样的： var clickCounter=0; input.onclick=function() { clickCounter++; if (clickCounter==2) { window.alert("Hello"); } }; 但这不起作用这是我的代码： <!DOCTYPE html> <html> <body> <script> var clickC

我之前问过一个类似的问题，其中一个答案是这样的：

var clickCounter=0;
input.onclick=function() {
 clickCounter++;
    if (clickCounter==2) {
     window.alert("Hello");
    }
   };

但这不起作用这是我的代码：

<!DOCTYPE html>
<html>
 <body>
  <script>
   var clickCounter=0;
   input.onclick=function() {
    clickCounter++;
    if (clickCounter==2) {
     window.alert("Hello");
    }
   };
  </script>
  <input id="testing" type="button" value="X" onClick="value='Clear'" style="border-radius: 10px; transition: 5s;">
 </body>
</html>


var-clickCounter=0；
input.onclick=function（）{
单击计数器++；
如果（单击计数器==2）{
window.alert（“你好”）；
}
};

我正试图在iPhone上明确通知。

HTML:

您需要定义变量“input”

在纯javascript中，可以使用

getElementById（）

：

编辑：正如Steve（和Guffa）所提到的，将javascript包装在一个

onload

事件中，以便DOM在javascript执行之前加载，如下所示：

window.onload=function() {

    var input = document.getElementById('testing');
    var clickCounter = 0;
    input.onclick = function () {
        clickCounter++;
        if (clickCounter == 2) {
            window.alert("Hello");
        }
    };

}

您尚未定义什么是

输入，它必须是对元素的引用。您还需要在元素存在后运行代码
<!DOCTYPE html>
<html>
 <head>
  <title>page title</title>
  <script>
   var clickCounter=0;
   window.onload = function(){
    document.getElementById("testing").onclick = function() {
     clickCounter++;
     if (clickCounter==2) {
      window.alert("Hello");
     }
    };
   }
  </script>
 </head
 <body>
  <input id="testing" type="button" value="X" style="border-radius: 10px; transition: 5s;">
 </body>
</html>


页面标题
var-clickCounter=0；
window.onload=函数（）{
document.getElementById（“测试”）.onclick=function（）{
单击计数器++；
如果（单击计数器==2）{
window.alert（“你好”）；
}
};
}
顺便说一句，这里有一位本地人：
document.getElementById("testing").ondblclick=function() {
     window.alert("Hello");
};

查看控制台中的错误，然后从那里开始…+1-但是您应该提到，他需要在输入元素之后移动脚本，否则它将无法工作（或者将他的JS包装在onload函数中）。
window.onload=function() {

    var input = document.getElementById('testing');
    var clickCounter = 0;
    input.onclick = function () {
        clickCounter++;
        if (clickCounter == 2) {
            window.alert("Hello");
        }
    };

}

<!DOCTYPE html>
<html>
 <head>
  <title>page title</title>
  <script>
   var clickCounter=0;
   window.onload = function(){
    document.getElementById("testing").onclick = function() {
     clickCounter++;
     if (clickCounter==2) {
      window.alert("Hello");
     }
    };
   }
  </script>
 </head
 <body>
  <input id="testing" type="button" value="X" style="border-radius: 10px; transition: 5s;">
 </body>
</html>

document.getElementById("testing").ondblclick=function() {
     window.alert("Hello");
};