2017-04-26 66 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>