2017-04-26 67 views
-3

我有一个带有4个输入框的窗体。只有在点击任意两个框后,我才会触发警报。什么是最简单的方法来完成这个(只使用Javascript,而不是jQuery)?如何在单独的单击事件后触发警报

HTML

<input id="FieldOne">Field One</><br> 
<input id="FieldTwo">Field Two</><br> 
<input id="FieldThree">Field Three</><br> 
<input id="FieldThree">Field Four 
+1

将事件处理程序绑定到每个元素。处理程序增加一个计数器。如果该值是'> = 2',则显示警报。 –

+1

请向我们展示您的完整代码,您尝试了什么,问题出在哪里......推荐阅读:http://stackoverflow.com/help/how-to-ask – gmo

回答

-1

只需添加一个addEventListener您输入领域的每一个被点击的他们的时间以触发功能。

<script> 
    const counter = 0; 
    const fieldOne = document.getElementById('FieldOne').addEventListener("click", countUp); 
    const fieldTwo = document.getElementById('FieldTwo').addEventListener("click", countUp); 
    const fieldThree = document.getElementById('FieldThree').addEventListener("click", countUp); 
    const fieldFour = document.getElementById('FieldFour').addEventListener("click", countUp); 

    function countUp() { 
    counter = counter + 1; 
    if (counter === 2) { 
     alert('You have clicked two inputs!'); 
    } 
    } 
</script>