how to stop event by a condition

Question

i've got this function and i need 'click' event to stop after input value reaches 0 and less

 function clickPlus(e) {
                  var parent = e.target.parentNode,
                      span = parent.querySelector('span'),
                      input = parent.getElementsByTagName('input')[0],
                      inner = span.dataset.one,
                      price = inner * (++parent.querySelector('input').value);          
                      span.innerHTML = price; // price takes an input value
                      if (price > 10){
                         return false; // error here 
                      }         
                      countPrice();                  
                }
            for(i=0; i<pluses.length; i++) eventsObj.addEvent(pluses[i],'click', clickPlus);

What's wrong with what you have? The function will already stop and return false if price <= 0. — Reinstate Monica Cellio, Jan 13 '16 at 09:42
im checkin by console and it does. (condition works, if im puttin some msg about error) but 'click' still works( — ddeadlink, Jan 13 '16 at 09:46
If price <= 0 then `countPrice()` will not be called. Is that not what you want? — Reinstate Monica Cellio, Jan 13 '16 at 09:50
countPrice(); is just another independant function, which are not ralated to this task clickPlus works like a counter. And it shoul stop after reachin some value of input — ddeadlink, Jan 13 '16 at 09:59
After the line where you assign values to the vars, just check `input.value` and return if needed. — Reinstate Monica Cellio, Jan 13 '16 at 10:01

score -1 · Answer 1 · answered Jan 13 '16 at 09:49

-1

The 'countPrice' function fires regardless of the if statement.

Try the other way round with your if statement or add an else...

if(price>0)
{
    countPrice();
}

answered Jan 13 '16 at 09:49

Cnalla

1
1

No, the functions stops execution if price <= 0. – Reinstate Monica Cellio Jan 13 '16 at 09:50

score -1 · Answer 2 · edited May 23 '17 at 12:25

-1

Just unbind the click event from pluses[i]

You can unbind by calling the jquery unbind / off method.

$(pluses[i]).off('click');

value of pluses[i] is not given , so I am going to call the value as pluses[i] itself.

For more info - SO

jquery off method

edited May 23 '17 at 12:25

Community

1
1

answered Jan 13 '16 at 10:08

Jitin Kodian

371
3
13

how to stop event by a condition

2 Answers2