Java腳本添加事件監聽器

Question

我試圖附加一個事件偵聽器，但我希望它不是當變量滿足特定條件時使用的“單擊”事件。 例如：

 let x = 1; let y = 2; const myObject = document.getElementById('myObject') myObject.addEventListener('x==3 && y == 4', function() { } 

我不確定如果不使用函數中的if語句是否可行，但是也許你們有解決方案或解決辦法？ 提前致謝 ：）

Answer 1

我不確定myObject元素如何知道x和y的值，但是您可以將事件偵聽器添加到某些元素的ID中，該元素會導致x或y發生更改，並運行一個檢查其值的函數。 如果要在x和y達到所需值時觸發完全不同的事件，只需在if語句內調用一個函數來檢查所需的值。 如果x或y達到10，此示例將重置這些值。希望這對您有所幫助！

 const xElem = document.getElementById('x'); const yElem = document.getElementById('y'); let x = 0; let y = 0; xElem.addEventListener('click', changeFunction); yElem.addEventListener('click', changeFunction); function changeX(){ x++; xElem.innerHTML = `x = ${x}`; } function changeY(){ y++; yElem.innerHTML = `y = ${y}`; } function changeFunction() { if(x == 3 && y == 4){ alert('there you have it!'); } if(x == 10 || y == 10){ doThisOtherThing() } } function doThisOtherThing() { alert('reset'); x = 0; y = 0; xElem.innerHTML = 'change x'; yElem.innerHTML = 'change y'; } 

 <div> <button id="x" onClick="changeX()">change x</button> <button id="y" onClick="changeY()">change y</button> </div>