Alert On input Field 在表单中点击 3 次

Question

我试图在用户单击表单中的 3 个字段时显示警告框。取消警报框后，需要再点击三下才能再次显示警报。

我想知道如何编写这样的函数。

Answer 1

您可以使用 jquery 来尝试类似的操作。

无ID

var counter=0;
$(document).ready(function(){
$("#myform input").click(function() { 
if(counter==0)
{
  alert(counter);
  counter++;
  return;
 }
 if(counter==3)
 {
   alert("clicked 3 times");
   counter=0;
   return;
 }
  counter++;

  });
});


 <form id="myform" action="/action_page.php">
 <input type="text"/>
 <input type="text"/>
 <input type="text"/>
 </form>

Javascript 仅

此版本使用 javascript 仅通过在表单内的所有文本类型输入上使用 addeventlistener 来完成它，因此您不需要使用 jquery.just 将脚本替换为此。

 <script>
var counter=0;
window.onload=
function myFunction() {
var inputtext =        document.getElementById("myform").querySelectorAll("input[type=text]");
 for (var cnt = 0; cnt < inputtext.length; cnt++) {
 inputtext[cnt].addEventListener("click", showalert);

  }
}
 function showalert()
{
 if(counter==0)
 {
  alert(counter);
  counter++;
  return;
 }
 if(counter==3)
 {
  alert("clicked 3 times");
  counter=0;
  return;
 }
 counter++;
}

  </script>

Alert On input Field 在表单中点击 3 次

Alert On input Field click for 3 times in a form

javascript

forms

alert

input

onclick